header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 20;
}
@media only screen and (min-width: 1024px) {
    header {
        background-color: transparent;
    }
}

.h_link {opacity: .3;}
.h_link.active {opacity: 1;}
@media (hover: hover) {
    .h_link:hover {opacity: 1;}
}

/*
MOBILE
*/
#header-mobile {padding: 1rem 1rem .7rem;}
/* TOP */
.header_m-top {margin-bottom: 1.2rem;}

.header_m-title {grid-column: 1/-2;}

.header_m-langs {
    grid-column: -2/-1;
    display: flex;
    justify-content: flex-end;
}

/* BOTTOM */
.header_m-bottom {
    display: flex;
    justify-content: space-between;
}

.header_m-pages {display: flex;}

.header_m-pages li {
    width: fit-content;
    margin-right: 2.5rem;
}

.header_m-instagram img {
    height: 1.2rem;
    width: auto;
    display: flex;
}


/* 
DESKTOP
*/
@media only screen and (min-width: 1024px) {
    #header-desktop {
        display: grid !important;
        padding: 2.5rem 2.5rem .5rem;
    }
}
/* TOP */
.header_d-title {
    display: flex;
    grid-column: 1/6;
}

.header_d-links {
    grid-column: 6/-1;
    display: flex;
    justify-content: space-between;
    align-self: center;
}

/* pages */
.header_d-pages {
    display: flex;
}

.header_d-pages li {
    width: fit-content;
    margin-right: 2.5rem;
}
@media (hover: hover) {
    .header_d-pages li {transition: opacity 250ms ease;}
    .header_d-pages:hover li {opacity: .3 !important;}
    .header_d-pages li:hover {opacity: 1 !important;}
}

/* lang and instagram */
.header_d-sec-links {display: flex;}

.header_d-langs {display: flex;}
@media (hover: hover) {
    .header_d-langs li {transition: opacity 250ms ease;}
    .header_d-langs:hover li {opacity: .3;}
    .header_d-langs li:hover {opacity: 1 !important;}
}

.header_d-instagram {margin-right: 2.5rem;}
.header_d-instagram img {
    height: 1.2rem;
    width: auto;
    display: flex;
}