.section {
    background-color: var(--section-bg,inherit)
}

.section>* {
    padding: 24px 0
}

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

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

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

@media (max-width: 768px) {
    .section>* {
        padding:16px 0
    }

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

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