<header class="site-header">
        <div class="site-header__wrap">
          {# Main logo #}
          <a href="{{ site.link }}" class="site-header__site-title">
            <img class="site-header__main-logo" src="{{ theme.link }}/frontend/img/LVA_logo.svg" alt="Linde logo" />
          </a>

          {# Second Logo - mobile #}
          <div class="site-header__logo-wrap mobile">
            <img class="site-header__logo" src="{{ theme.link }}/frontend/img/Linde_logo.jpg" alt="Linde logo" />
          </div>

          <button class="hamburger hamburger--squeeze" type="button">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
            </span>
          </button>
          <nav class="site-header__nav">
            <ul class="site-header__main-nav">

              {% for item in menu.main.get_items %}
              <li class="site-header__item {{ item.current ? 'active' }}">

                {%  if (item.link starts with '#') and (fn('is_front_page') == false)  %}
                    <a href="{{ site.link }}{{ item.link }}" class="site-header__link">{{ item.title }}</a>
                {% else %}
                    <a href="{{ item.link }}" class="site-header__link">{{ item.title }}</a>
                {% endif %}
              </li>
              {% endfor %}
              <li class="site-header__item nav-btn">
                <a href="#" class="site-header__link nav-btn__link btn btn--hollow modal-form-trigger" onClick="gtag('event', 'form_open', { 'event_category' : 'Get Started click', 'event_label' : 'Get started - Header' });"><span>Get started</span></a>
              </li>
            </ul>
          </nav>

          {# Second Logo - desktop #}
          <a href="{{ site.link }}" class="site-header__logo-wrap desktop">
            <img class="site-header__logo" src="{{ theme.link }}/frontend/img/Linde_logo.jpg" alt="Linde logo" />
          </a>
      </div>
    </header>