@media (min-width: 769px) {
  .nav-set {
    display: none; } }
@media (max-width: 768px) {
  .nav-set {
    width: 68vw;
    height: 100vh;
    position: fixed;
    overflow: scroll;
    padding: 0 0 80px;
    top: 60px;
    z-index: 21;
    background-color: #1d2d35;
    box-sizing: border-box;
    -webkit-transform: translate3d(-68vw, 0, 0);
            transform: translate3d(-68vw, 0, 0);
    -webkit-transition: all .28s ease-in-out;
    transition: all .28s ease-in-out;
    will-change: transform, width; }
    .nav-set > .list {
      margin: 0;
      padding: 10px 0;
      list-style: none; }
    .nav-set > .list .item .link {
      display: block;
      padding: 1em 1.5em;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      opacity: 0;
      -webkit-transition: opacity .35s;
      transition: opacity .35s;
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
    .nav-set.active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      .nav-set.active .list .link {
        opacity: 1; }

  .nav-toggle {
    display: block;
    position: fixed;
    z-index: 22;
    height: 25px;
    width: 25px;
    top: 20px;
    left: 20px;
    background: transparent;
    cursor: pointer;
    padding: 5px;
    box-sizing: content-box; }
    .nav-toggle .hamburger, .nav-toggle .hamburger:before, .nav-toggle .hamburger:after {
      background-color: #fff;
      height: 4px;
      width: 25px;
      display: block;
      -webkit-transition: all .25s;
      transition: all .25s;
      -webkit-transition-delay: .15s;
              transition-delay: .15s;
      will-change: transform; }
    .nav-toggle .hamburger {
      position: relative;
      z-index: 22;
      top: 6px;
      left: 0px; }
    .nav-toggle .hamburger:before {
      content: "";
      position: absolute;
      top: -7px; }
    .nav-toggle .hamburger:after {
      content: "";
      position: absolute;
      bottom: -7px; }
    .nav-toggle.active .hamburger, .nav-toggle.active .hamburger:before, .nav-toggle.active .hamburger:after {
      background-color: #fff; }
    .nav-toggle.active .hamburger {
      background: transparent; }
    .nav-toggle.active .hamburger:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 0px; }
    .nav-toggle.active .hamburger:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      bottom: 0px; } }

/*# sourceMappingURL=nav-set.css.map */