.hamburger-btn{
    will-change:transform, opacity;
    transition:transform 0.3s ease, opacity 0.3s linear;
    transform:translate3d(100%,0, 0);
    opacity:0;
    transition-delay: 2.8s;
}
header.in .hamburger-btn{
    transform:translate3d(0,0, 0);
    opacity:1;
}


.hamburger-menu {
    will-change:transform;
    transition:transform 0.5s ease;
    transform:translate3d(0, -150vh, 0);
    transition-delay: 0.8s;
}
.hamburger-menu.active{
    transform:translate3d(0, 0, 0);
    transition-delay: 0s;
}
.hamburger-menu.active .menu-content .title{
    transform:translate3d(0, 0, 0);
    opacity:1;
    transition-delay:0.6s;
}
.hamburger-menu.active .menu-content a{
    transform:translate3d(0, 0, 0);
    opacity:1;
}
.hamburger-menu.active .menu-content a:nth-child(1){
    transition-delay:0.75s;
}
.hamburger-menu.active .menu-content a:nth-child(2){
    transition-delay:0.9s;
}
.hamburger-menu.active .menu-content a:nth-child(3){
    transition-delay:1.05s;
}
.hamburger-menu.active .menu-content a:nth-child(4){
    transition-delay:1.2s;
}
.hamburger-menu.active .menu-content a:nth-child(5){
    transition-delay:1.35s;
}