@import 'styling';
@import 'helpers';

section, .section {
    padding: 2.5rem 1.5rem;
}

.container {
	max-width: $desktopHD;
    width: 100%;
	margin: 0 auto;
}
.row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -1em 0 0 -1em;

    &:not(:last-child) {
        padding-bottom: 1em;
    }

    & + hr {
        margin-top: 0.75em;
    }

    .col {
        @include col-base;
    }

    &.no-vertical-spacing {
        padding-bottom: 0;
    }

    /* Gutters */
    &.gapless {
        margin: 0;

        .col {
            padding: 0;
        }
    }
}

@each $suffix, $measurement in $resolution-min-dict {
	@include default-col-behavior(#{$suffix}, #{$measurement});
}