@media (max-width: 80rem) {

    #logo img { height: 5rem; }

}


@media (max-width: 60rem) {

    :root {
        --gutter-x: 2rem;
        --gutter-y: 2rem;
    }

    #logo img { height: 4rem; }

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

    .columns-columns-four { --columns: 2; }
    .columns-columns-five { --columns: 2; }
    .columns-columns-six { --columns: 2; }

    footer .center { flex-flow: column nowrap; text-align: left; }
    footer .center > *:not(:last-child) { margin-bottom: 1.5rem; }
    footer .logo img { width: 5rem; }
    #footermenu { justify-content: center; margin: 0; }

}


@media (max-width: 40rem) {

    :root {
        --gutter-x: 1rem;
        --gutter-y: 2rem;
        --columns-gutter-x: 2rem;
        --columns-gutter-y: 2rem;
    }

    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }

    #get-in-touch { bottom: 1rem; right: 1rem; }

    #bottom .center .partner > * { margin: .5rem 1rem; }

    .columns-order-invert-mobile.columns-columns-two:not(.columns-break-none) > .row,
    .columns-order-invert-mobile.columns-columns-twoone:not(.columns-break-none) > .row,
    .columns-order-invert-mobile.columns-columns-onetwo:not(.columns-break-none) > .row,
    .columns-order-invert-mobile.columns-columns-threeone:not(.columns-break-none) > .row,
    .columns-order-invert-mobile.columns-columns-onethree:not(.columns-break-none) > .row,
    .columns-order-invert-mobile.columns-columns-three:not(.columns-break-none) > .row { flex-direction: column-reverse; }

    .columns-columns-two:not(.columns-break-none),
    .columns-columns-twoone:not(.columns-break-none),
    .columns-columns-onetwo:not(.columns-break-none),
    .columns-columns-threeone:not(.columns-break-none),
    .columns-columns-onethree:not(.columns-break-none),
    .columns-columns-three:not(.columns-break-none) { --columns: 1; }
    .columns-columns-two:not(.columns-break-none) > .row > .column,
    .columns-columns-twoone:not(.columns-break-none) > .row > .column,
    .columns-columns-onetwo:not(.columns-break-none) > .row > .column,
    .columns-columns-threeone:not(.columns-break-none) > .row > .column,
    .columns-columns-onethree:not(.columns-break-none) > .row > .column { --column-fraction: 1 !important; }

    .columns-columns-four { --columns: 2; }
    .columns-columns-five { --columns: 2; }
    .columns-columns-six { --columns: 2; }

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

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

}


@media (max-width: 30rem) {


    .columns-order-invert-mobile.columns-columns-four:not(.columns-break-none) > .row { flex-direction: column-reverse; }

    .columns-columns-four:not(.columns-break-none) { --columns: 1; }
    .columns-columns-four:not(.columns-break-none) > .row > .column { --column-fraction: 1 !important; }

}