body, header, footer, main, .wrapper, .row, .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
    display: grid
}

body, header.wrapper, main.wrapper, footer.wrapper, .wrapper {
    grid-template-columns: auto 1184px auto;
    grid-column: 1/4;
    padding: 0;
    grid-auto-rows: max-content
}

header, footer, main {
    grid-column: 2/3;
    grid-template-columns: 1120px;
    padding: 0 32px
}

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
    grid-auto-rows: min-content
}

.row {
    grid-template-columns: repeat(12, 64px);
    grid-column-gap: 32px;
    margin: 0 32px
}

header.wrapper > .row, main.wrapper > .row, footer.wrapper > .row, .wrapper > .row, .wrapper > .container {
    grid-column: 2/3
}

.column-1 {
    grid-column-start: span 1
}

.column-2 {
    grid-column-start: span 2
}

.column-3 {
    grid-column-start: span 3
}

.column-4 {
    grid-column-start: span 4
}

.column-5 {
    grid-column-start: span 5
}

.column-6 {
    grid-column-start: span 6
}

.column-7 {
    grid-column-start: span 7
}

.column-8 {
    grid-column-start: span 8
}

.column-9 {
    grid-column-start: span 9
}

.column-10 {
    grid-column-start: span 10
}

.column-11 {
    grid-column-start: span 11
}

.column-12 {
    grid-column-start: span 12
}

.d-flex {
    display: flex
}

.jc-center {
    justify-content: center
}

.jc-end {
    justify-content: flex-end
}

.jc-between {
    justify-content: space-between
}

.ai-center {
    align-items: center
}

.ai-end {
    align-items: flex-end
}

.ac-center {
    align-content: center
}

.js-end {
    justify-self: flex-end
}