<nav class="pv3 ph3 ph4-ns {{ .Site.Params.navigation_dimming_class | default "bg-black-50" }}" role="navigation">
  <div class="flex-l justify-between items-center center b">
    <a href="{{ .Site.Home.RelPermalink }}" class="site-logo f3 fw4 hover-white no-underline white-90 dib">
      {{ with .Site.Params.site_logo }}
        <img src="{{ . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}">
      {{ else }}
        {{ .Site.Title }}
      {{ end }}
    </a>
    <div class="main-menu-container flex-l items-center">
      {{ partial "i18nlist.html" . }}
      {{ if .Site.Menus.main }}
        <input class="main-menu-button" type="checkbox" id="main-menu-button" />
        <label class="main-menu-label" for="main-menu-button"><span class="main-menu-icon"></span></label>
        <ul class="main-menu-list pl0 mr3">
          {{ range .Site.Menus.main }}
          <li class="list f5 f4-ns fw4 dib pr3">
            <a class="hover-white no-underline white-90 fw4" href="{{ .URL }}" title="{{ .Name }} page">
              {{ .Name }}
            </a>
          </li>
          {{ end }}
        </ul>
      {{ end }}
       <div class="top-social-container">
      {{ partialCached "social-follow.html" . }}
      </div>
    </div>
  </div>
</nav>
