@media (max-width: 80rem) {

    :root {
        --font-size: 1.125rem;
    }


}


@media (max-width: 70rem) {

    :root {
        --font-size: 1.125rem;
    }

    footer .center { flex-flow: column nowrap; text-align: center; }
    #footermenu { justify-content: center; margin: 0 0 1rem 0; }
    #copyright { padding: .25rem 0; }

    .grid-layout-onetwo-twoone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		"b b b b b b b b b b b b"
		"a a a a a a d d d d d d"
		"c c c c c c c c c c c c";
    }
    .grid-layout-onetwo-twoone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		"c c c c c c c c c c c c"
		"d d d d d d a a a a a a"
		"b b b b b b b b b b b b";
    }

    .grid-layout-twoone-onetwo:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
        "a a a a a a a a a a a a"
        "b b b b b b c c c c c c"
        "d d d d d d d d d d d d";
    }
    .grid-layout-twoone-onetwo:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
        "d d d d d d d d d d d d"
        "c c c c c c b b b b b b"
        "a a a a a a a a a a a a";
    }

}


@media (max-width: 60rem) {

    :root {
        --font-size: 1.125rem;

        --logo-height: 5rem;

        --gutter-x: 2rem;
        --gutter-y: 4rem;
    }

    .slider-columns-two .slide { width: 100%; }
    .slider-columns-three .slide,
    .slider-columns-four .slide { width: 50%; }

    .grid-layout-two-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-two:not(.grid-break-none) > .wrapper,
    .grid-layout-three-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-three:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-two-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-three-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-three:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b"
		    "c c c c c c c c c c c c";
    }
    .grid-layout-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		    "c c c c c c c c c c c c"
		    "b b b b b b b b b b b b"
		    "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-two:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a b b b b b b"
		    "c c c c c c c c c c c c";
    }
    .grid-layout-one-one-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "c c c c c c c c c c c c"
		    "b b b b b b a a a a a a";
    }

    .grid-layout-one-two-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a c c c c c c"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-one-two-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
		    "a a a a a a c c c c c c";
    }

    .grid-layout-two-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b c c c c c c";
    }
    .grid-layout-two-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "c c c c c c b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c";
    }
    .grid-layout-oneone-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-two:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c c c c c c c";
    }
    .grid-layout-oneone-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "c c c c c c c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-two-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b c c c c c c";
    }
    .grid-layout-two-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "c c c c c c b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d";
    }
    .grid-layout-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-one-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            ". . . e e e e e e . . .";
    }
    .grid-layout-one-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "e e e e e e d d d d d d"
            "c c c c c c b b b b b b"
            ". . . a a a a a a . . .";
    }

    .grid-layout-one-one-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            "e e e e e e f f f f f f";
    }
    .grid-layout-one-one-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "f f f f f f e e e e e e"
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-oneone-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            "e e e e e e f f f f f f";
    }
    .grid-layout-oneone-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "f f f f f f e e e e e e"
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

}


@media (max-width: 48rem) {

    :root {
        --gutter-x: 1rem;
        --gutter-y: 3rem;

        --columns-gutter-x: 1rem;
        --columns-gutter-y: 4rem;
    }

    h1 { font-size: 2em; }

    .slider-columns-two .slide,
    .slider-columns-three .slide,
    .slider-columns-four .slide { width: 100%; }

    .newslist { justify-content: center; grid-template-columns: repeat(auto-fill, minmax(0, 26rem));}
    
    .mailform .group:not(:first-child:last-child) { width: 100% !important; }

    #bottom .center { flex-flow: column nowrap; justify-content: flex-start; }
    #bottom .center > .column { width: 100%; }
    #bottom .center > .column:not(:last-child) { margin-bottom: 2rem; }

    .grid-layout-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c"
            "d d d d d d d d d d d d";
    }
    .grid-layout-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "d d d d d d d d d d d d"
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c"
            "d d d d d d d d d d d d"
            "e e e e e e e e e e e e"
            "f f f f f f f f f f f f";
    }
    .grid-layout-oneone-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "f f f f f f f f f f f f"
            "e e e e e e e e e e e e"
            "d d d d d d d d d d d d"
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

}


@media (max-width: 24rem) {

    .grid-layout-onetwo-twoone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
		"b b b b b b b b b b b b"
		"a a a a a a a a a a a a"
		"d d d d d d d d d d d d"
		"c c c c c c c c c c c c";
    }
    .grid-layout-onetwo-twoone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
		"c c c c c c c c c c c c"
        "d d d d d d d d d d d d"
        "a a a a a a a a a a a a"
        "b b b b b b b b b b b b";
    }

    .grid-layout-twoone-onetwo:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
        "a a a a a a a a a a a a"
        "b b b b b b b b b b b b"
        "c c c c c c c c c c c c"
        "d d d d d d d d d d d d";
    }
    .grid-layout-twoone-onetwo:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
        "d d d d d d d d d d d d"
        "c c c c c c c c c c c c"
        "b b b b b b b b b b b b"
        "a a a a a a a a a a a a";
    }

}