/* section-enclosed is a section where the availability of a header is not influencing the element distance */
.section--enclosed {
    margin-top: 3rem;
}

.section--color:not(.section--no-padding) {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section--color:first-child,
.section--color + .section--color,
.section--collapsible + .section--collapsible {
    margin-top: 0;
}

.column > :last-child:not(.section--color) {
    margin-bottom: 6rem;
}

@media (min-width: 30rem) {
    .section--enclosed {
        margin-top: 2rem;
    }

    .section--color:not(.section--no-padding) {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 62rem) {
    .section--enclosed {
        margin-top: 4rem;
    }

    .section--color:not(.section--no-padding) {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.section--color-primary + .section--color-primary,
.section--color-secondary + .section--color-secondary,
.section--color-support + .section--color-support,
.section--color-grey + .section--color-grey {
    padding-top: 0;
}