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

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

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

    #content > .frame-default {
        padding: 3.5rem 0;
    }


    /* grid elements */

    .grid-row {
        gap: 3.5rem;
    }
    /* slick */

    .slick-dots li button {
        width: 1rem;
        height: 1rem;
    }
}