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

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

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






}

@media all and (max-width: 36rem) {

    /* grid elements */
    .grid-ce .grid-column-width-25,
    .grid-ce .grid-column-width-33,
    .grid-ce .grid-column-width-50,
    .grid-ce .grid-column-width-66,
    .grid-ce .grid-column-width-75 {
        grid-column: span 12;
    }

    .grid-ce .grid-column-width-40,
    .grid-ce .grid-column-width-60 {
        grid-column: span 10;
    }


}