@charset "UTF-8";

@media all and (max-width: 75em) {
    /* width is between 0 and 1200px */

    #show-mobile-menu-main {
        display: block;
    }

    nav {
        display: none;
    }

    #menu-main {
        display: none;
    }


    #main-title span {
        width: 100%;
    }

    #footer-overview {
        width: 100%;
    }

    #footer-legal {
        width: 100%;
        text-align: center;
    }

    #img-copyright {
        width: 100%;
    }

    #main {
        width: 100%;
    }

}

@media all and (min-width: 62.5625em) {
    /* width is between 1001px and infinity */

    #main {
        padding: 30px 0;
    }

}



@media all and (min-width: 67.5625em) {
    /* width is between 1081px and infinity */

    #menu-main {
        display: flex;
    }

    #show-mobile-menu-main {
        display: none;
    }

    #footer-legal-links {
        text-align: right;
    }

}


@media all and (min-width: 75.0625em) {
    /* min-width is 1201px */

    #main-title span {
        width: 1200px;
    }

    #img-copyright {
        width: 1200px;
    }

    #main {
        width: 1200px;
    }

}


@media all and (min-width: 43.8125em) and (max-width: 62.5em) {
    /* width is between 701px and 1000px */

    #main-title-inner {
        display: none;
    }

    #main-title-outer {
        display: block;
    }

}

@media all and (min-width: 62.5625em) {
    /* min-width is 1001px */

    #main-title-outer {
        display: none;
    }


}

@media all and (max-width: 43.75em) {
    /* max-width is 700px */

    body {
        font-size: 18px;
    }

    #main-title-inner {
        display: none;
    }

    #main-title-outer {
        display: block;
    }

}


@media all and (min-width: 53.1875em) and (max-width: 62.5em) {
    /* width is between 851px and 1000px */

    #main {
        padding: 30px 50px;
    }

    .section-header {
        margin-left: -50px;
        margin-right: -50px;
    }

    #footer-overview {
        padding: 0 50px;
    }

}

@media all and (min-width: 46.9375em) and (max-width: 53.125em) {
    /* width is between 751px and 850px */

    #main {
        padding: 30px 25px;
    }

    .section-header {
        margin-left: -25px;
        margin-right: -25px;
    }

    #footer-overview {
        padding: 0 25px;
    }

}

@media all and (min-width: 43.8125em) and (max-width: 46.875em) {
    /* width is between 701px and 750px */

    #main {
        padding: 30px 10px;
    }

    .section-header {
        margin-left: -10px;
        margin-right: -10px;
    }

    #footer-overview {
        padding: 0 10px;
    }

}

@media all and (min-width: 40.6875em) and (max-width: 43.75em) {
    /* width is between 651px and 700px */

    #main {
        padding: 30px 0;
    }

    #footer-overview {
        padding: 0;
    }

}

@media all and (min-width: 37.5625em) and (max-width: 40.625em) {
    /* width is between 601px and 650px */

    #main {
        padding: 30px 50px;
    }

    .section-header {
        margin-left: -50px;
        margin-right: -50px;
    }

    #footer-overview {
        padding: 0 50px;
    }

}

@media all and (min-width: 34.4375em) and (max-width: 37.5em) {
    /* width is between 551px and 600px */

    #main {
        padding: 30px 25px;
    }

    .section-header {
        margin-left: -25px;
        margin-right: -25px;
    }

    #footer-overview {
        padding: 0 25px;
    }

}

@media all and (max-width: 34.375em) {
    /* max-width is 550px */

    #main {
        padding: 15px 0;
    }

    #footer-overview {
        padding: 0;
    }

}

@media all and (min-width: 62.5625em) {
    /* min-width is 1001px */
    /* LARGE */

    .lrg-text-left {
        text-align: left;
    }

    .lrg-text-right {
        text-align: right;
    }

    .lrg-flex-start {
        justify-content: flex-start;
    }

    .lrg-flex-end {
        justify-content: flex-end;
    }

}

@media all and (min-width: 40.6875em) and (max-width: 62.5em) {
    /* width is between 651px and 1000px */
    /* MEDIUM */

    .med-text-left {
        text-align: left;
    }

    .med-text-right {
        text-align: right;
    }

    .med-flex-start {
        justify-content: flex-start;
    }

    .med-flex-end {
        justify-content: flex-end;
    }

}

@media all and (max-width: 40.625em) {
    /* max-width is 650px */
    /* SMALL */

    .sml-text-left {
        text-align: left;
    }

    .sml-text-right {
        text-align: right;
    }

    .sml-flex-center {
        justify-content: center;
    }

}