//  GRID
//////////////////////////////////////////////
$gridColsNb: 10;
$gridColGutterX: 2vw;
$gridColGutterY: 1svh;
$gutterX: $gridColGutterX;
$gutterY: $gridColGutterY;

.row{
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: $gridColGutterX/2 * -1;
    margin-right: $gridColGutterX/2 * -1;

    &--noGutter{
        margin: 0 !important;
        > div[class^='col']{
            padding: 0 !important;
        }
    }
}

@include makeGrid(null);
// @include media-breakpoint-down('xxl'){ @include makeGrid('xxl'); }
// @include media-breakpoint-down('xl'){ @include makeGrid('xl'); }
// @include media-breakpoint-down('lg'){ @include makeGrid('lg'); }
@include media-breakpoint-down('md'){ @include makeGrid('md'); }
@include media-breakpoint-down('sm'){ @include makeGrid('sm'); }
@include media-breakpoint-down('xs'){ @include makeGrid('xs'); }