Layout

<nav class="row middle nav">
  <input id="nav-toggle-example" class="nav-toggle" type="checkbox">
  <label for="nav-toggle-example" class="nav-label pad-none">Menu</label>
  <div class="col-12 nav-menu-wrap align-center">
    <div class="nav-logo">
      <a href="/brandaris/" title="">Brand logo</a>
    </div>
    <ul class="nav-menu">
      <li class="active"><a href="/brandaris/" title="">Item 1</a></li>
      <li><a href="#" title="">Item 2</a></li>
      <li><a href="#" title="">Item 3</a></li>
      <li><a href="#" title="">Item 4</a></li>
      <li class="nav-right"><a href="#" title=""><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7.725 2.146c-1.016.756-1.289 1.953-1.239 2.59.064.779.222 1.793.222 1.793s-.313.17-.313.854c.109 1.717.683.976.801 1.729.284 1.814.933 1.491.933 2.481 0 1.649-.68 2.42-2.803 3.334C3.196 15.845 1 17 1 19v1h18v-1c0-2-2.197-3.155-4.328-4.072-2.123-.914-2.801-1.684-2.801-3.334 0-.99.647-.667.932-2.481.119-.753.692-.012.803-1.729 0-.684-.314-.854-.314-.854s.158-1.014.221-1.793c.065-.817-.398-2.561-2.3-3.096-.333-.34-.558-.881.466-1.424-2.24-.105-2.761 1.067-3.954 1.929z"/></svg></span> Login</a></li>
    </ul>
  </div>
</nav>