header#masthead {

}
body.home header#masthead a { color: white; filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.5));}
body.home header#masthead {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 100; overflow: visible;
}

body.home header#masthead a.logo svg path {
    stroke: #FFFFFF;
}


body.home header#masthead::before {
    opacity: 0.5;
    transition: all 0.2s ease;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(200% + 20px);
    pointer-events: none;
    position: absolute;
    z-index: -1;
    /*box-sizing: content-box;*/

    background: -webkit-linear-gradient(top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.738) 19%,
    hsla(0, 0%, 0%, 0.541) 34%,
    hsla(0, 0%, 0%, 0.382) 47%,
    hsla(0, 0%, 0%, 0.278) 56.5%,
    hsla(0, 0%, 0%, 0.194) 65%,
    hsla(0, 0%, 0%, 0.126) 73%,
    hsla(0, 0%, 0%, 0.075) 80.2%,
    hsla(0, 0%, 0%, 0.042) 86.1%,
    hsla(0, 0%, 0%, 0.021) 91%,
    hsla(0, 0%, 0%, 0.008) 95.2%,
    hsla(0, 0%, 0%, 0.002) 98.2%,
    hsla(0, 0%, 0%, 0) 100%
    );
    background: linear-gradient(top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.738) 19%,
    hsla(0, 0%, 0%, 0.541) 34%,
    hsla(0, 0%, 0%, 0.382) 47%,
    hsla(0, 0%, 0%, 0.278) 56.5%,
    hsla(0, 0%, 0%, 0.194) 65%,
    hsla(0, 0%, 0%, 0.126) 73%,
    hsla(0, 0%, 0%, 0.075) 80.2%,
    hsla(0, 0%, 0%, 0.042) 86.1%,
    hsla(0, 0%, 0%, 0.021) 91%,
    hsla(0, 0%, 0%, 0.008) 95.2%,
    hsla(0, 0%, 0%, 0.002) 98.2%,
    hsla(0, 0%, 0%, 0) 100%
    );

}



header#masthead .navigation {
    flex: 0 0 100%;
    /*max-width: 400px;*/
    max-width:1000px;

    text-transform: uppercase;
    line-height: 25px;
     margin-right: -100px;
}
header#masthead .navigation ul {
    display: flex; flex-wrap: wrap; margin:0;
    position: relative; top:-8px;
 }
header#masthead .navigation ul li {
    list-style: none;
    width: 33.3333%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin:4px 0;
}
/*
header#masthead .navigation ul li.publications,
header#masthead .navigation ul li.get-in-touch {
    width: 66.66666%;
}*/
header#masthead .navigation ul li {
    font-size: 18px; line-height:1.25
}

@media (min-width: 768px) {
    header#masthead .navigation ul li {
        width: 25%;
    }

    header#masthead .navigation ul li:nth-child(3n+3) {
        width: 50%;
    }
    header#masthead .navigation ul li.press {
        margin-left: 25%;
    }

}

@media (min-width: 1024px) {
    header#masthead .navigation ul li {
        font-size: 20px;
    }
}

header#masthead .navigation ul li a {
    font-weight: 500; white-space: nowrap;
}

@media (max-width: 767px) {
    header#masthead .col-6 { width: 100%;      overflow: hidden; }
    header#masthead .navigation  { margin-right: -80px;}
    header#masthead .navigation>ul { padding-left: 0; padding-right: 0; padding-top: 20px;}
    header#masthead .navigation ul li {padding-left: 0; padding-right:1em; }

    header#masthead .navigation ul li.press {
        margin-left: 30%;
    }

        header#masthead .navigation ul li {
            width: 30%;
        }

        header#masthead .navigation ul li:nth-child(3n+3) {
            width: 40%;
        }


}


@media (max-width: 480px) {
    header#masthead .col-6 { width: 100%; }
    header#masthead .navigation  { margin-right: -40px;}
    header#masthead .navigation ul li:nth-child(3n+3) ,
    header#masthead .navigation ul li, header#masthead .navigation ul li.publications,
    header#masthead .navigation ul li.get-in-touch {padding-left: 0; padding-right:1em; width: 50%; }

    header#masthead .navigation ul li.press {
        margin-left: 0;
    }
}