﻿.cms {
    margin: 0 !important;
    padding: 50px 17% !important;
    max-width: unset !important;
}

.cms-h1 {
    font-size: clamp(1.5rem, 3.75vw, 3rem) !important;
}

.cms-back {
    padding: 2rem 17% !important;
}

    .cms-back a {
        color: var(--text-dark);
        font-weight: 600;
    }

        .cms-back a:hover {
            color: var(--ochre);
        }

@media (max-width: 1750px) {
    .cms {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .cms-back {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}

@media (max-width: 1250px) {
    .cms {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .cms-back {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media (max-width: 1000px) {
    .cms {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .cms-back {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}
