.container {
    width: calc(100% - 2 * var(--section-x-padding));
    max-width: var(--size-container);

    margin: 0 auto;
    padding: var(--container-y-padding) var(--container-x-padding);
}

.container--fluid {
    max-width: none;

    margin-left: calc(-1 * var(--section-x-padding));
    margin-right: calc(-1 * var(--section-x-padding));
}

.container:first-child {
    padding-top: 0;
}
.container:last-child {
    padding-bottom: 0;
}