@media (max-width: 76rem) {

    a#get-in-touch { display: none; }
    
}


@media (max-width: 70rem) {

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

    .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;

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

    footer .center { flex-flow: row wrap; gap: 4rem; justify-content: flex-start; align-items: flex-start; text-align: left; }

    .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: 2rem;

        --columns-gutter-x: 1rem;
        --columns-gutter-y: 2rem;

        --font-size: 1rem;

        --logo-height: 3rem;
    }

    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.25em; }
    h4 { font-size: 1.125em; }

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

    .mailform .group:not(:first-child:last-child) { width: 100% !important; }

    .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: 32rem) {

    .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";
    }

    .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 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-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 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";
    }

}