.section {
    padding: 10vh var(--spacing-large);
    max-width: var(--max-width);
    margin: 0 auto;
}

.section.section--hero {
    width: 80%;
}

@media (min-width: 768px) {
    .section.section--hero {
        width: calc(var(--max-width) / 1.7);
    }
}