/* Page-level container */
.page-container {
    width: 100%;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* Generic container */
.container {
    width: 100%;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}


@media (max-width: 768px) {
    .page-container,
    .container {
        padding: 0 15px;
    }
}