.section {
    margin: $blockPadding 0;
    scroll-margin-top: $blockPadding;

    &--narrow {
        margin: var(--block-padding-narrow) 0;
        scroll-margin-top: var(--block-padding-narrow);
    }

    &--alt {
        padding: $blockPadding 0;
        margin: 0;
        background: $lightGray;
        scroll-margin-top: 0;
    }

    &--alpha {
        margin-top: 0;
        padding-top: 0;
        scroll-margin-top: 0;
    }

    &--omega {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.section-head {
    @extend .h2;
}

.section-rows {
    & > .section-row:not(:first-of-type) {
        padding-top: $blockPadding;
    }

    & > .section-row--small:not(:first-of-type), &.section-rows--small > .section-row:not(:first-of-type) {
        padding-top: $blockPaddingNarrow;
    }
}

/* laptop < 1370 */
@media screen and (max-width: $xl) {
}

@media screen and (max-width: $lg) {
}

@media screen and (max-width: $md) {
}

/* mobile < 768 */
@media screen and (max-width: $sm) {
}

@media screen and (max-width: $xs) {
}

@media screen and (max-width: $xxs) {
}
