/* Mobile Headers */
@media (max-width: 1023px) {
    h1, .h1-font-size {
        font-size: var(--mobile-h1-font-size);
        line-height: 125%;
    }

    h2, .h2-font-size  {
        font-size: var(--mobile-h2-font-size);
        line-height: 125%;
    }

    h3, .h3-font-size, .font-intro {
        font-size: var(--mobile-h3-font-size);
        line-height: 125%;
    }

    h4, .h4-font-size, .font-section-title {
        font-size: var(--mobile-h4-font-size);
        line-height: 150%;
    }

    h5, .h5-font-size, .font-title {
        font-size: var(--mobile-h5-font-size);
        line-height: 125%;
    }

    h6, .h6-font-size, .font-subtitle {
        font-size: var(--mobile-h6-font-size);
        line-height: 100%;
    }


}

@media (max-width: 390px) {
    .text-center-mobile {
        text-align: center;
    }

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

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

    .text-nowrap-mobile {
        white-space: nowrap;
    }
    .text-wrap-mobile {
        white-space: normal;
    }

    .h1-font-size-mobile {
        font-size: var(--desktop-h1-font-size);
        line-height: 115%;
    }

    .h2-font-size-mobile {
        font-size: var(--desktop-h2-font-size);
        line-height: 115%;
    }

    .h3-font-size-mobile {
        font-size: var(--desktop-h3-font-size);
        line-height: 115%;
    }

    .h4-font-size-mobile {
        font-size: var(--desktop-h4-font-size);
        line-height: 165%;
    }

    .h5-font-size-mobile {
        font-size: var(--desktop-h5-font-size);
        line-height: 115%;
    }

    .h6-font-size-mobile {
        font-size: var(--desktop-h6-font-size);
        line-height: 100%;
    }
}

@media (min-width: 390px) {
    .text-center-portrait {
        text-align: center;
    }

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

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

    .text-nowrap-portrait {
        white-space: nowrap;
    }
    .text-wrap-portrait {
        white-space: normal;
    }

    .h1-font-size-portrait {
        font-size: var(--desktop-h1-font-size);
        line-height: 115%;
    }

    .h2-font-size-portrait {
        font-size: var(--desktop-h2-font-size);
        line-height: 115%;
    }

    .h3-font-size-portrait {
        font-size: var(--desktop-h3-font-size);
        line-height: 115%;
    }

    .h4-font-size-portrait {
        font-size: var(--desktop-h4-font-size);
        line-height: 165%;
    }

    .h5-font-size-portrait {
        font-size: var(--desktop-h5-font-size);
        line-height: 115%;
    }

    .h6-font-size-portrait {
        font-size: var(--desktop-h6-font-size);
        line-height: 100%;
    }
}
@media (min-width: 768px) {
    .text-center-landscape {
        text-align: center;
    }

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

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

    .text-nowrap-landscape {
        white-space: nowrap;
    }
    .text-wrap-landscape {
        white-space: normal;
    }

    .h1-font-size-landscape {
        font-size: var(--desktop-h1-font-size);
        line-height: 115%;
    }

    .h2-font-size-landscape {
        font-size: var(--desktop-h2-font-size);
        line-height: 115%;
    }

    .h3-font-size-landscape {
        font-size: var(--desktop-h3-font-size);
        line-height: 115%;
    }

    .h4-font-size-landscape {
        font-size: var(--desktop-h4-font-size);
        line-height: 165%;
    }

    .h5-font-size-landscape {
        font-size: var(--desktop-h5-font-size);
        line-height: 115%;
    }

    .h6-font-size-landscape {
        font-size: var(--desktop-h6-font-size);
        line-height: 100%;
    }
}

@media (min-width: 1024px) {
    .text-center-laptop {
        text-align: center;
    }

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

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

    .text-nowrap-laptop {
        white-space: nowrap;
    }
    .text-wrap-laptop {
        white-space: normal;
    }

    .h1-font-size-laptop {
        font-size: var(--desktop-h1-font-size);
        line-height: 115%;
    }

    .h2-font-size-laptop {
        font-size: var(--desktop-h2-font-size);
        line-height: 115%;
    }

    .h3-font-size-laptop {
        font-size: var(--desktop-h3-font-size);
        line-height: 115%;
    }

    .h4-font-size-laptop {
        font-size: var(--desktop-h4-font-size);
        line-height: 165%;
    }

    .h5-font-size-laptop {
        font-size: var(--desktop-h5-font-size);
        line-height: 115%;
    }

    .h6-font-size-laptop {
        font-size: var(--desktop-h6-font-size);
        line-height: 100%;
    }
}


@media (min-width: 1400px) {
    .text-center-desktop {
        text-align: center;
    }

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

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

    .text-nowrap-desktop {
        white-space: nowrap;
    }
    .text-wrap-desktop {
        white-space: normal;
    }

    .h1-font-size-desktop {
        font-size: var(--desktop-h1-font-size);
        line-height: 115%;
    }

    .h2-font-size-desktop {
        font-size: var(--desktop-h2-font-size);
        line-height: 115%;
    }

    .h3-font-size-desktop {
        font-size: var(--desktop-h3-font-size);
        line-height: 115%;
    }

    .h4-font-size-desktop {
        font-size: var(--desktop-h4-font-size);
        line-height: 165%;
    }

    .h5-font-size-desktop {
        font-size: var(--desktop-h5-font-size);
        line-height: 115%;
    }

    .h6-font-size-desktop {
        font-size: var(--desktop-h6-font-size);
        line-height: 100%;
    }
}