:root {
    --site-gutter: clamp(1rem, 4vw, 2.5rem);
    --site-compact-gutter: clamp(0.75rem, 3vw, 2rem);
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
}

@media (max-width: 75em) {
    .container,
    .container-fluid,
    .site-footer__bottom-inner,
    .site-header__top-inner,
    .site-header__nav .headerconatiner {
        padding-left: var(--site-gutter);
        padding-right: var(--site-gutter);
    }
}

@media (max-width: 48em) {
    .container,
    .container-fluid,
    .site-footer__bottom-inner,
    .site-header__top-inner,
    .site-header__nav .headerconatiner {
        padding-left: var(--site-compact-gutter);
        padding-right: var(--site-compact-gutter);
    }
}

@media (max-width: 36em) {
    .section .container > .row {
        margin-left: 0;
        margin-right: 0;
    }
}