<header
  class="md:bg-white bg-primary-400 md:sticky md:top-5 top-0 w-full border-b-2 border-neutral-300 shadow-md"
>
  <div class="flex justify-center">
    <div
      class="flex grid-rows-1 grid-cols-2 justify-between items-center w-full md:w-2/3 px-6 md:px-0"
    >
      <a href="/" class="flex flex-row items-center" aria-label="logo">
        <img class="w-14 lg:w-20 py-2 lg:py-4" src="/img/logo.svg" />
        <h1 class="text-4xl text-primary-400 ml-4 font-bold hidden lg:inline">
          Das Knäckeboot
        </h1>
      </a>

      {{- partial "main-menu.html" . -}}
    </div>
  </div>
</header>
