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

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

    head {
        font-family: 'viewport-m';
    }

    /* header */

    #header {
        max-width: 36rem;
    }
    #header .ce-gallery {
        grid-column: span 5;
    }
    #header .ce-bodytext {
        grid-column: span 19;
        padding: 0;
    }
    #header .ce-gallery .ce-column figure a img {
        padding: 0 1rem;
        margin: inherit;
    }
    #header h1 {
        text-align: left;
        font-size: 1.625rem;
    }
    #header h2 {
        text-align: left;
        font-size: 1.375rem;
        margin: 0.375rem 0 0;
    }



    /* main */

    #content-container {
        max-width: 36rem;
    }
    #content h2 {
        font-size: 1.5rem;
    }
    #content h3 {
        font-size: 2.25rem;
    }
    #content h4,
    #content h4 a {
        font-size: 1.625rem;
    }
    #content p, #content li {
        font-size: 1.125rem;
    }
    #content a {
        font-size: 1.125rem;
    }
    #content .news-img-wrap .outer {
        grid-column: span 3;
    }

    /* images */
/*
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: calc((100% / 2) - (1 * (30px / 2)));
    }
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: calc((100% / 3) - (2 * (30px / 3)));
    }
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: calc((100% / 4) - (3 * (30px / 4)));
    }
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: calc((100% / 5) - (4 * (30px / 5)));
    }
    .ce-gallery[data-ce-columns="6"] .ce-column {
        width: calc((100% / 6) - (5 * (30px / 6)));
    }
    .ce-gallery[data-ce-columns="7"] .ce-column {
        width: calc((100% / 7) - (6 * (30px / 7)));
    }
    .ce-gallery[data-ce-columns="8"] .ce-column {
        width: calc((100% / 8) - (7 * (30px / 8)));
    }
*/




}