:root {
    --page-gutter: 28px;
}

.site-container,
.container-lg {
    width: 100%;
    max-width: calc(var(--container) + (var(--page-gutter) * 2));
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
}

@media (max-width: 575.98px) {
    :root {
        --page-gutter: 20px;
    }
}