.m-columns .m-columns-inner {
    position: relative;
    display: grid;
    width: 100%;
    height: fit-content;
    grid-template-columns: var(--gridTemplateColumns);
    padding: var(--paddingTop) var(--lateralMargin) var(--paddingBottom);
    column-gap: var(--columnGap);
}

.m-columns .m-columns-inner .module {
    display: var(--display);
}


@media only screen and (max-width: 980px) {
    .m-columns .m-columns-inner {
        grid-template-columns: repeat(6, 1fr);
        padding: var(--paddingTopSM) var(--lateralMargin) var(--paddingBottomSM);
    }

    .m-columns .m-columns-inner .module {
        grid-column: var(--moduleSizeSM);
        display: var(--displaySM);
        padding: var(--modulePaddingTopSM) 0 var(--modulePaddingBottomSM);
    }
}