@media all and (min-width: 81rem) {

    body:after {
        content: 'viewport-2xl';
        display: none;
    }

    head {
        font-family: 'viewport-2xl';
    }

    /* header */

    #header {
        max-width: 75rem;
    }
    #header .ce-gallery {
        grid-column: span 3;
    }
    #header .ce-bodytext {
        grid-column: span 21;
    }
    #header h1 {
        font-size: 2.25rem;
    }
    #header h2 {
        font-size: 2rem;
        margin: 0;
    }

    /* meta navigation */

    #meta-navigation ul {
        margin: 0;
    }

    /* main */
    #content-container {
        max-width: 75rem;
    }

    /* main navigation */

    #main-navigation ul {
        max-width: 75rem;
    }
    #main-navigation ul li {
        margin-right: 2rem;
    }
    #main-navigation ul li a {
        font-size: 1.25rem;
    }


}