@media only screen and (max-width: 720px) {
    /* -- 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-80 {
        max-width: 80%;
    }

    .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-m-t-0 {
        margin-top: 0;
    }

    .mob-pw-5 {
        max-width: 50%;
    }

    .mob-m-t-l {
        margin-top: var(--vertical-margin-l);
    }

    .mob-m-t-m {
        margin-top: var(--vertical-margin-m);
    }

    .mob-m-ho-auto {
        margin-left: auto;
        margin-right: auto;
    }

    /* Conditional display classes */

    .mob-display-none {
        display: none;
    }

    .mobile-only-block {
        display: block;
    }

    .mobile-only-flex {
        display: flex;
    }

    .mobile-only-p-v-gridhalf {
        padding-top: var(--grid-width-inner-half);
        padding-bottom: var(--grid-width-inner-half);
    }


    /* Gap adjustments */

    .column-gap {
        row-gap: var(--default-col-gap);
    }

    .column-gap-l {
        row-gap: var(--big-col-gap);
    }

    .parallax-section {
        min-height: 40vh;
    }


}