.block {
    margin: var(--block-padding) 0;
    scroll-margin-top: var(--block-padding);

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

    &--alt {
        padding: var(--block-padding) 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;
    }
}

.block-head {
    @extend .h2;
}

.block-rows {
    & > .block-row:not(:first-of-type) {
        padding-top: var(--block-padding);
    }

    & > .block-row--small:not(:first-of-type), &.block-rows--small > .block-row:not(:first-of-type) {
        padding-top: var(--block-padding-narrow);
    }
}

/* 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) {
}
