.container {
    width: min(100% - calc(var(--page-container-padding-x) * 2), var(--page-container-width));
    margin: 0 auto;
}

.section {
    padding: var(--page-section-padding);
}

.section--first {
    padding: var(--page-section-padding-first);
}

.section--light {
    background: transparent;
}

@media (max-width: 767px) {
    .container {
        width: min(100% - calc(var(--page-container-padding-x-mobile) * 2), var(--page-container-width));
    }

    .section {
        padding: var(--page-section-padding-mobile);
    }

    .section--first {
        padding: var(--page-section-padding-mobile-first);
    }
}