/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

@media (max-width: 991.98px) {

    .terms-page .site-hero-media img {
        object-position: 70% center;
    }

    .terms-page .terms-intro-layout,
    .terms-page .terms-layout {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .terms-page .terms-intro-copy {
        padding:
            var(--space-xl)
            0
            0;
        border-left: 0;
        border-top: 1px solid rgba(220, 201, 170, 0.75);
    }

    .terms-page .terms-index {
        position: static;
    }

    .terms-page .terms-index-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--space-xl);
    }

    .terms-page .terms-support-inner {
        display: grid;
        max-width: 760px;
    }

    .terms-page .terms-support-actions {
        justify-content: space-between;
    }

}


@media (max-width: 767.98px) {

    .terms-page .terms-index-nav {
        grid-template-columns: 1fr;
    }

    .terms-page .terms-support-actions {
        display: grid;
        justify-content: start;
    }

}


@media (max-width: 575.98px) {

    .terms-page .site-hero-media img {
        object-position: 72% center;
    }

    .terms-page .terms-intro,
    .terms-page .terms-content {
        padding:
            var(--space-4xl)
            0;
    }

    .terms-page .terms-intro-heading h2,
    .terms-page .terms-index h2 {
        font-size: clamp(2.75rem, 12vw, 3.9rem);
    }

    .terms-page .terms-section h2 {
        font-size: clamp(2rem, 9vw, 2.65rem);
    }

    .terms-page .terms-contact p {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .terms-page .terms-support {
        padding:
            var(--space-3xl)
            0;
    }

}

@media(max-width:991.98px){.terms-page .terms-reminder-inner{max-width:760px}}
@media(max-width:767.98px){.terms-page .terms-reminder-inner{grid-template-columns:1fr}}
@media(max-width:575.98px){.terms-page .terms-reminder{padding:var(--space-4xl) 0}.terms-page .terms-reminder-inner{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg)}}