.burger {
    height: 24px;
    width: 24px;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    float: none;
    display: block; }
     .burger .x,
     .burger .y,
     .burger .z {
      position: absolute;
      margin: auto;
      top: 0px;
      background: #fff;
      -webkit-border-radius: 2px;
              border-radius: 2px;
      -webkit-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
     .burger .x,
     .burger .y,
     .burger .z {
      height: 3px;
      width: 24px; }
     .burger .y {
      top: 8px; }
     .burger .z {
      top: 16px; }
     .burger .collapse {
      top: 8px;
      background: #222222;
      -webkit-transition: all 70ms ease-out;
      -o-transition: all 70ms ease-out;
      transition: all 70ms ease-out; }
     .burger .rotate30 {
      -webkit-transform: rotate(30deg);
          -ms-transform: rotate(30deg);
              transform: rotate(30deg);
      -webkit-transition: all 50ms ease-out;
      -o-transition: all 50ms ease-out;
      transition: all 50ms ease-out; }
     .burger .rotate150 {
      -webkit-transform: rotate(150deg);
          -ms-transform: rotate(150deg);
              transform: rotate(150deg);
      -webkit-transition: all 50ms ease-out;
      -o-transition: all 50ms ease-out;
      transition: all 50ms ease-out; }
     .burger .rotate45 {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 100ms ease-out;
      -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out; }
     .burger .rotate135 {
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-transition: all 100ms ease-out;
      -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out; }
/*
   .nav {
    float: none;
    position: absolute;
    top: 70px;
    background: #222222;
    margin: 0;
    width: 100%;
    left: 0;
    padding: 0 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 0;
    overflow: hidden; }
     .nav.open {
      height: 100vh; }*/