<nav class="header w-100 w3-theme-d3 w3-theme-border z-2 cf">
  <div class="mw7 center pl2">
  <a href="{{ site.BaseURL }}" class="db fl link">

    {{ with resources.Get .Site.Params.logo }}
       <img height="{{ site.Params.logo_height }}" class="v-btm" src="{{ .Permalink }}" alt="{{ site.Title }}">
    {{ end }}

    <span class="near-white pl2 pt0 f2 berkshire-swash">
      {{ .Site.Title }}
    </span>
  </a>
  <input class="menu-btn dn" type="checkbox" id= "menu-btn">
  <label class="fr dn-ns ma2 pa3 menu-icon" for="menu-btn">
    <span class="navicon bg-near-white"></span>
  </label>
  <ul class="ma0 pa0 list overflow-hidden sans-serif">
      {{ range .Site.Menus.main }}
      <li class="fl-ns w3-hover-theme">
        <a class="db f6 pa3 link near-white"
           href="{{ .URL }}">{{ .Name | safeHTML }}
        </a>
      </li>
      {{ end }}
  </ul>
</div>
</nav>