<div class="nav-wrapper">
  <div class="grid-wrapper">
    <div class="width-12-12">
      <input type="checkbox" id="checkbox" />
      <nav id="main-nav" class="main-nav">
  <div class="container">
    <div class="logo-wrapper">
        <a href="{{site.baseurl}}/"><img class="project-logo" src="{{site.baseurl}}/assets/images/dekorate_logo_white.png" title="Dekorate project logo"></a>
    </div>
    <label class="nav-toggle" for="checkbox">
      <i class="fa fa-bars"></i>
    </label>
    <ul id="menu" class="menu">
      <li>
        <a href="{{site.baseurl}}/docs/overview" class="{% if page.url contains '/docs/overview' %}active{% endif %}">Documentation</a>
      </li>
      <li>
        <a href="{{site.baseurl}}/configuration-guide/" class="{% if page.url contains '/configuration-guide/' %}active{% endif %}">Configuration Guide</a>
      </li>
      <li>
        <a href="{{site.baseurl}}/contribute/" class="{% if page.url contains '/contribute/' %}active{% endif %}">Contribute</a>
      </li>
    </ul>
  </div>
</nav>
    </div>
  </div>
</div>
