:root {
    --container: 1024px;
    --gutter: 0px;
}

@media screen and (max-width: 768px) {
    :root {
        --gutter: 16px;
    }
}

body > main,
body > footer,
body:not(.index) > header {
    box-sizing: border-box;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}