@media (max-width: 991px) {
    :root {
        --container-padding: 20px;
        --page-edge: 16px;
        --section-space: 80px;
    }

    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

@media (max-width: 767px) {
    :root {
        --container-padding: 16px;
        --page-edge: 16px;
        --section-space: 64px;
    }

    h1,
    .h1 {
        font-size: 40px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }
}