header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
}


/* 
MOBILE
*/
/* TOP */
#header_m-top > button {grid-column: 1/2; grid-row: 1;}
#header_m-top > a {grid-column: 2/-1; grid-row: 1;}
#header_m-top > nav {grid-column: 2/-1; grid-row: 2;}

/* MENU */
#header_m-menu {height: 0;}
#header_m-menu > * {grid-column: 2/-1;}


/* 
DESKTOP
*/
@media only screen and (min-width: 768px) {
    #header-desktop {display: grid !important;}
}
#header-desktop > nav {grid-column: 1/5; grid-row: 1;}
#header-desktop > div {grid-column: 5/-1; grid-row: 1;}

@media (hover: hover) {
    #header-desktop nav a {transition: 500ms ease;}
    #header-desktop nav:hover a {
        opacity: .25;
        filter: blur(1px);
    }
    #header-desktop nav a:hover {
        opacity: 1;
        filter: blur(0);
    }
}