@media screen and ( min-width: 1280px ) {

    .header-areas {
        grid-gap: 0;
        grid-template-columns: auto 0px 1fr;
        grid-template-areas:
            "panels menu-toggle nav";
    }

    .menu-toggle {
        display: none;
    }

    .panel-toggle {
        border-bottom: 1px solid transparent;
    }
    
    .panel-toggle:hover {
        border-bottom: 1px solid white;
    }

    header .navigation {
        justify-self: end;
        max-height: unset;
        overflow: visible;
        text-align: right;
        transition: none;
    }

    header .navigation ul {
        list-style-type: none;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 1rem;
    }

    header .navigation a {
        color: white;
    }

    header .navigation ul:not(.sub-menu) a {
        letter-spacing: 0.1em;
    }

    #body.search-active header .navigation ul:not(.sub-menu) a {
        color: black;
    }

    header .navigation ul {
        text-align: left;
    }
    
    header .navigation ul a {
        font-size: 1rem;
        margin: 0;
    }
    
    header .navigation ul li:hover > a {
        color: var(--yellow);
    }
    
    header .navigation ul li.menu-item-has-children {
        position: relative;
    }
    
    header .navigation ul.sub-menu {
        border: 0;
        display: block;
        left: -1rem;
        margin: 0;
        overflow: hidden;
        position: absolute;
        text-align: left;
        transform: scaleY(0);
    }
    
    header .navigation ul li:hover ul.sub-menu {
        transform: scaleY(1);
    }
    
    header .navigation ul.sub-menu a {
        background-color: var(--yellow);
        color: black;
        font-size: 1rem;
        padding: 0.5rem;
        white-space: nowrap;
    }

    header .navigation ul.sub-menu a:hover {
        background-color: black;
        color: var(--yellow);
    }

    header .navigation ul.sub-menu li.current-menu-item > a {
        background-color: var(--magenta);
        color: white;
    }
    
    .header-areas .panels {
        grid-gap: 1rem;
    }

    .homepage-news-carousel .arrow {
        font-size: 2rem;
    }

    @media screen and ( min-width: 1380px ) {

        .homepage-news-carousel .arrow {
            bottom: calc( 50% - 2rem );
        }

    }

    .homepage-news-carousel .carousel-slide {
        min-height: 600px;
    }

    .homepage-news-carousel .carousel-slide h2 {
        font-size: 2.5rem;
    }

    .homepage-news-carousel .slide-areas {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 50% 1fr;
        position: relative;
    }

    .post-columns {
        grid-gap: 1rem;
        grid-template-columns: 250px 1fr;
    }

    .posts-grid {
        grid-template-columns: repeat(3,1fr);
    }

    .banner-areas {
        padding: 0;
    }

    .homepage-exhibitions.col-3 ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    section.homepage-exhibitions.col-3 li:first-of-type {
        grid-column: auto;
    }

    .collection-columns,
    .featured-collection-columns {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: 1fr 33.33%;
    }

    .gallery-thumbnails img {
        max-height: 250px;
    }
    
    .single-program.columns-2 {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: 33.33% 1fr;
    }

    .gallery-thumbnails.enlarge-first-image ul li:first-of-type img {
        max-height: unset;
        width: 100%;
    }

    ul.press-releases-list {
        grid-template-columns: repeat(3,1fr);
    }

}