.navBurger {
    margin-top: 10px;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    background-clip: content-box;
    width: 35px;
    height: 24px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative;
}

.navBurger:before{
    content: "";
    position: absolute;
    background: #fff;
    height: 2px;
    width: 100%;
    bottom: 11px;
    left: 0;
    will-change: rotate;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.navBurger:after {
      content: "";
      position: absolute;
    bottom: -10px;
      background: #fff;
      height: 2px;
      width: 70%;
      left: 0;
      will-change: rotate;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all .5s ease;
      transition: all .5s ease
  }
.navBurger.exit:after {
    display: none;
}

.navBurger:after {
    bottom: -10px;
    width: 70%
}
.navBurger.exit{
    background: transparent;
}
.navBurger.active, .navBurger.exit.active {
    background: transparent;
    background-clip: content-box;
    z-index: 111;
    display: block;
}

.navBurger.active:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
    background: #eee;
    width: 110%
}

.navBurger.active:after {
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #eee;
    width: 110%
}

.overlay.menu, .overlay2.menu {
    position: fixed;
    background: #2f3539;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: right top;
    transform: scale(0);
    visibility: hidden;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 111;
}

.overlay.open, .overlay2.open {
    opacity: .99;
    visibility: visible;
    transform: scale(1)
}

.overlay2.open li {
    display: block;
    animation: fadeInRight .4s cubic-bezier(0.42, 0.83, 0.7, 1.5) forwards;
    animation-delay: .4s;
    transform: rotate(-7deg);
    transform-origin: right bottom
}

.overlay2.open li:nth-of-type(2) {
    animation-delay: .5s
}

.overlay2.open li:nth-of-type(3) {
    animation-delay: .6s
}

.overlay2.open li:nth-of-type(4) {
    animation-delay: .7s
}

.overlay2.open li:nth-of-type(5) {
    animation-delay: .8s
}

.overlayMenu {
    position: absolute;
    text-align: left;
    left: 20%;
    top: 20%;
}

.overlayMenu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 100%
}

.overlayMenu ul li {
    display: block;
    position: relative;
    opacity: 0;
    width: 100%
}

.overlayMenu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 35px;
    padding: 10px;
    margin: 5px 0;
    transition: .2s;
    font-family: 'Pacifico-Regular';
}

.overlayMenu ul li a:hover, .overlayMenu ul li a:active, .overlayMenu ul li a:focus {
    transform: translateX(-2px);
    /*padding-left: 80px;*/
    /*outline: 1px solid rgba(255, 255, 255, 0.3);*/
    background: #af967d;
    /*background: rgba(255, 255, 255, 0.03)*/
}

.locked {
    overflow: hidden
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 50px
    }
    100% {
        opacity: 1;
        left: 0;
        transform: rotate(0deg)
    }
}

/*html {*/
    /*padding: 80px;*/
    /*margin: 0;*/
    /*background: #eee;*/
    /*color: #222;*/
    /*font-weight: 300;*/
    /*font-family: "Raleway"*/
/*}*/

/*h1 {*/
    /*font-size: 2rem;*/
    /*color: #222*/
/*}*/