.bd_row {
    width: 80%;
    padding: 3em 0;
    margin: 3em auto;
    max-width: var(--default_width);
    box-sizing: border-box;
}
.bd_grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
}
.bd_grid .col-1 { grid-column: span 1; }
.bd_grid .col-2 { grid-column: span 2; }
.bd_grid .col-3 { grid-column: span 3; }
.bd_grid .col-4 { grid-column: span 4; }
.bd_grid .col-5 { grid-column: span 5; }
.bd_grid .col-6 { grid-column: span 6; }
.bd_grid .col-7 { grid-column: span 7; }
.bd_grid .col-8 { grid-column: span 8; }
.bd_grid .col-9 { grid-column: span 9; }
.bd_grid .col-10 { grid-column: span 10; }
.bd_grid .col-11 { grid-column: span 11; }
.bd_grid .col-12 { grid-column: span 12; }