:root {
    --primary: #2D6A4F;
    --primary-deep: #1B4A36;
    --primary-tint: #C8DDD0;
    --primary-translucent: #2D6A4FBB;
    --ink: #14130F;
    --ink-2: #2A2924;
    --ink-3: #5A584F;
    --ink-4: #8C8A81;
    --background: #FAF9F6;
    --background-soft: #F3F1EB;
    --background-card: #FFFFFF;
    --trim: #E6E3DA;
    --trim-soft: #EFECE3;
    --max-width: 1200px;
}

@media (min-width: 768px) and (max-width: 1100px) {

    /* #region General Styles */

    section {
        padding: 32px 0px;
        animation: none !important;
    }

    /* #endregion */

    /* #region Header Styles */



    /* #endregion */

    /* #region Footer Styles */

    footer {
        padding: 24px 0px;
    }

        footer .row {
            justify-content: space-between;
        }

            footer .row * {
                padding: 0px;
            }


    /* #endregion */

    /* #region Homepage Styles */

    .hero {
        padding: 20px 0px 36px;
    }

        .hero::before {
            display: none;
        }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 0px;
    }

        .hero-grid .stats {
            margin-top: 28px;
        }

        .hero-grid h1.small {
            font-size: clamp(48px,5vw,58px);
        }

        .hero-grid p {
            max-width: 100%;
        }

    .section-head {
        grid-template-columns: 1fr;
        gap: 0px;
        margin-bottom: 28px;
    }

    .services-grid p {
        margin-bottom: auto;
    }

    .services-grid ul {
        height: 35%;
    }

    .process .step {
        padding: 12px 24px 24px 14px;
    }

    .pricing .tiers {
        grid-template-columns: 1fr 1fr;
    }

        /* Makes the first item the full width */
        .pricing .tiers > :first-child {
            grid-column: 1 / -1;
        }

    .contact {
        padding: 28px 0px 28px;
    }

        .contact .contact-card {
            grid-template-columns: 1fr;
            gap: 28px;
            padding: 36px 32px;
        }

    /* #endregion */

    /* #region Content Item/List Styles */

    .content-grid {
        grid-template-columns: 1fr 1fr;
    }

    .content-item-head {
        padding-bottom: 28px !important;
    }

        .content-item-head .return-link {
            margin: 0px 0px 18px 0px;
        }

    /* #endregion */

    /* #region Booking Page Styles */

    .form .field {
        margin-bottom: 8px;
    }

        .form .field textarea {
            min-height: 116px;
        }

    .form .mobile-full {
        width: 100% !important;
    }

    .form hr {
        margin: 6px 0px 12px;
    }

    /* #endregion */

    /* #region Pricing Page Styles */

    .pricing-selectors {
        padding: 0px;
    }

        .pricing-selectors .tabs {
            grid-template-columns: 1fr;
        }

        .pricing-selectors .tab.selected {
            transform: translateY(0px);
        }

            .pricing-selectors .tab.selected::after {
                display: none;
            }

        .pricing-details .panel {
            grid-template-columns: 1fr;
        }

            .pricing-details .panel .left {
                gap: 12px;
            }

            .pricing-details .panel .feature-list {
                gap: 2px 20px;
            }

                .pricing-details .panel .right .eyebrow:last-of-type {
                    margin-bottom: 0px !important;
                }

    /* #endregion */
}