/*! responsive-nav.js 1.0.39 by @viljamis */

@media screen and (max-width: 725px) {

    nav { min-height: 4em; }

    nav .wrap ul {
        width: 48%;
        margin-left: 52%;
        padding-bottom: 1em;
    }

    nav ul li {
        width: 46%;
        border: 0;
        text-align: center;
        padding: 0;
    }

    nav ul li a { padding: 0; }

    nav ul li + li { margin-left: 8%; }
    nav ul li:nth-child(odd) { margin-left: 0; }
    nav ul li:nth-child(n+3) { margin-top: 4%; }

    .nav-toggle {
        padding: 0.75em 1.5em;
        background-color: #fff;
        color: #000;
    }

    .js .nav-collapse {
      clip: rect(0 0 0 0);
      max-height: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      zoom: 1;
    }

    .nav-collapse.opened {
      max-height: 9999px;
    }

    .nav-toggle {
      width: 22%;
      position: relative;
      float: right;
      text-align: center;

      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }

}

@media screen and (max-width: 525px) {

    nav .wrap ul { width: 47.5%; }

    nav ul li { width: 100%; }
    nav ul li a { height: 3em; line-height: 3em; }

    nav li + li { margin-left: 0; }
    nav ul li:nth-child(even) { margin-left: 0; }
    nav ul li:nth-child(n+3) { margin-top: 0; }

    .nav-toggle { width: 47.5%; }

}

@media screen and (min-width: 726px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
