.section {
    background-color: var(--section-bg,inherit);
    scroll-margin-top: var(--header-height)
}

.section>* {
    padding: 32px 0
}

.section>:first-child {
    padding-top: 48px
}

.section>:last-child {
    padding-bottom: 48px
}

.section>.container {
    padding-left: var(--offsets);
    padding-right: var(--offsets)
}

@media (width <= 768px) {
    .section>* {
        padding: 24px 0
    }

    .section>:first-child {
        padding-top: 32px
    }

    .section>:last-child {
        padding-bottom: 32px
    }
}