@media only screen and (max-width: 720px) {
    /* Variables */

    :root {

        --grid-max-width: 90%;
        --grid-smaller-max-width: 100%;


        --vertical-padding-l: 70px;
        --vertical-padding-m: 30px;
        --vertical-padding-s: 15px;

        --horizontal-padding-l: 70px;
        --horizontal-padding-m: 30px;
        --horizontal-padding-s: 15px;

        --vertical-margin-l: 70px;
        --vertical-margin-m: 30px;
        --vertical-margin-s: 15px;

        --h-font-family: "Roboto Condensed", sans-serif;
        --h-font-size-l: 32px;
        --h-font-size-m: 28px;
        --h-font-weight: 600;

        --p-font-family: "Roboto Condensed", sans-serif;
        --p-font-size: 17px;

        --font-color-light: #fff;
        --font-color-dark: #000;

        --button-padding: 15px 40px;
        --button-border-radius: 5px;
        --button-font-size: 20px;
        --button-font-weight: 400;
        --button-font-family: "Roboto Condensed", sans-serif;

        --default-overlay: rgba(0, 0, 0, 0.5);

        --base-flex-gap: 10px;
        --default-col-gap: 18px;
        --big-col-gap: 40px;

        --blurb-icon-width: 32px;
    }

    /* -- DEFAULTS -- */


    /* -- SECTIONS AND CONTAINERS -- */

    .col-full {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .flex-col {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
    }

    .flex-row {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
    }

    .mob-flex-row {
        flex-direction: row;
    }

    /* -- SINGLE ELEMENTS GENERIC -- */

    /* Headers */



    /* Buttons */



    /* Background overlay */



    /* -- SPECIFIC ELEMENTS --*/

    .main-header-section {
        padding: 15px 0px 15px 0px;
    }

    /* -- ID SPECIFIC -- */

    #landing-footer .flex-row {
        column-gap: 20px;
    }



    /* -- GLOBAL PROPERTIES OVERRIDES -- */

    .mob-align-center {
        align-items: center;
    }

    .mob-text-center {
        text-align: center;
    }

    .mob-w-100 {
        max-width: 100%;
    }

    .mob-order-1 {
        order: 1;
    }

    .mob-order-2 {
        order: 2;
    }

    .mob-order-3 {
        order: 3;
    }

    .mob-m-0 {
        margin: 0;
    }

    .mob-pw-5 {
        max-width: 50%;
    }

    /* Conditional display classes */

    .mob-display-none {
        display: none;
    }

    .mobile-only-block {
        display: block;
    }

    .mobile-only-flex {
        display: flex;
    }

    /* Gap adjustments */

    .column-gap {
        row-gap: var(--default-col-gap);
    }

    .column-gap-l {
        row-gap: var(--big-col-gap);
    }

}