/* 
HEADER
*/
header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: var(--header-height);
    z-index: 100;
}
@media only screen and (min-width: 1024px) {
    #header-desktop {display: flex !important;}
}
/* 
MENU
*/
#menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
}
#menu[data-status="close"] {translate: 0 -120vh;}
#menu[data-status="open"] {translate: 0;}

#menu > a {margin: 4vw 0;}