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

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

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







}

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

    /* 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;
    }


    /* default styles */
    .ce-intext.ce-left .ce-gallery {
        margin-right: 0;
        float: none;
    }
    .ce-intext.ce-right .ce-gallery {
        margin-left: 0;
        float: none;
    }
    .ce-center .ce-row {
        margin-bottom: 0;
    }
    /*
    .ce-center .ce-outer {
        float: none;
        position: static;
    }
    .ce-center .ce-inner {
        float: none;
        position: static;
    }
     */
    .ce-center .ce-column {
        margin-right: 0;
        float: none;
        margin-bottom: 2rem;
    }
    .ce-left .lbx-singlepreview {
        margin-bottom: 2rem;
    }
}