.container {
    width: min(100% - 40px, var(--container));
    margin-inline: auto;
}

.site-main {
    position: relative;
    padding-top: var(--header-height);
}

.section-block,
.services-listing,
.portfolio-listing,
.contact-layout {
    padding-block: var(--section-space);
}

@media (max-width: 768px) {
    .container {
        width: min(100% - 24px, var(--container));
    }
}