@use "../abstracts/variables" as *;
@use "../abstracts/mixins" as *;

.container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 96px));
    grid-gap: $gutter;
    margin: 0 auto;
    width: 100%;
    max-width: 1224px;
    grid-column: 1 / 13;
    padding: 0 20px;

    > * {
        grid-column: 1 / 13;
    }

    @include for-mobile {
        grid-template-columns: repeat(6, 1fr);
        max-width: 100%;
        width: auto;
        > * {
            grid-column: 1 / 7;
        }
    }
}
section.container {
    padding-right: 20px;
    padding-left: 20px;
}

div.container {
    padding-right: 0;
    padding-left: 0;
}