section {
    padding: calc(var(--gutter-width) * 4) var(--gutter-width);
    @media(min-width: 768px) {
        padding: calc(var(--gutter-width) * 4) var(--gutter-width);
    }
    @media(min-width: 992px) {
        padding: calc(var(--gutter-width) * 4) var(--gutter-width);
    }
    @media(min-width: 1200px) {
        padding: calc(var(--gutter-width) * 6) var(--gutter-width);
    }
    @media(min-width: 1400px) {
        padding: calc(var(--gutter-width) * 6) var(--gutter-width);
    }
    @media(min-width: 2560px) {
        padding: calc(var(--gutter-width) * 6) var(--gutter-width);
    }

    &.no-padding {
        padding: 0;
    }
}