/* Grid layout */

.flex.grid .grid-item {
    padding: 25px;
}

.ie .flex.grid .grid-item {
    padding: 0;
}

@supports ((display: -ms-grid) or (display: grid)) {
    .flex.grid {
        display: -ms-grid;
        display: grid;
    }

    .flex.grid.two {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .flex.grid.three {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .flex.grid.four {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .flex.grid.six {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .flex.grid .grid-item {
        width: initial !important;
    }

    .flex.grid .grid-item:not(.bg) {
        padding: 0 !important;
    }
}