/* Hamburger */
.hamburger{
    width: 35px;
    height: 25px;
    position: relative;
}

.hamburger span{
    position: absolute;
    border-radius: 2px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    width:100%;
    height: 2px;
    transition-duration: 500ms
}
  
.hamburger span:nth-child(1){
    top:0px;
    left: 0px;
}
  
.hamburger span:nth-child(2){
    top:11px;
    left: 0px;
    opacity:1;
}
  
.hamburger span:nth-child(3){
    bottom:0px;
    left: 0px;
}
  
.hamburger.active span:nth-child(1){
    transform: rotate(45deg);
    top: 10px;
}
  
.hamburger.active span:nth-child(2){
    opacity:0;
}
  
.hamburger.active span:nth-child(3){
    transform: rotate(-45deg);
    top: 10px;
}