/* Hamburger */
.hamburger{
    width: 42px;
    height: 16px;
    position: relative;
}

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