CodePen Embed - jOmRKWy

<div class="is-grid has-no-col-gap has-no-row-gap">
  <div class="is-col-6 is-col-3-lg is-centered atlanta">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered austin">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-5-lg is-row-2-lg is-centered cincinnati">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered chicago">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered colorado">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-row-3-lg is-centered columbus">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-centered lafc">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-row-2-lg is-centered nashville">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-row-2-lg is-centered dc">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered la-galaxy">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-4-lg is-centered dallas">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered houston">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-5-lg is-row-2-lg is-centered seattle">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-row-2-lg is-centered miami">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-4-lg is-centered minnesota">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-centered montreal">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-centered new-england">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-4-lg is-centered nyfc">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-centered ny-redbulls">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-row-2-lg is-centered orlando">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-col-3-lg is-centered portland">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-centered philadelphia">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-3-lg is-row-2-lg is-centered salt-lake">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-centered san-jose">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-4-lg is-centered sporting-kc">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-2-lg is-centered vancouver">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
  <div class="is-col-6 is-col-1-lg is-centered toronto">
    <img src="https://dummyimage.com/50x50/000/fff">
  </div>
</div>

.is-grid,
.is-grid-inline {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
  direction: ltr;
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--row-gap);
}
.is-grid > *,
.is-grid-inline > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .is-grid > *,
  .is-grid-inline > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.is-grid.is-dense,
.is-grid-inline.is-dense {
  grid-auto-flow: dense;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-row,
.is-grid-inline.has-wrapped-row {
  grid-auto-flow: row;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-row.is-dense,
.is-grid-inline.has-wrapped-row.is-dense {
  grid-auto-flow: row dense;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-col,
.is-grid-inline.has-wrapped-col {
  grid-auto-flow: column;
}
.is-grid.has-wrapped-col.is-dense,
.is-grid-inline.has-wrapped-col.is-dense {
  grid-auto-flow: column dense;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.is-grid-inline {
  display: -ms-inline-grid !important;
  display: inline-grid !important;
}
.has-row-1 {
  -ms-grid-rows: (1fr) [1];
  grid-template-rows: repeat(1, 1fr);
}
.has-row-1 > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-1-xs > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-1-xs {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-1-sm > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-1-sm {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-1-md > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-1-md {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-1-lg > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-1-lg {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-1-xl > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-1-xl {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-1-xxl > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-1-xxl {
    -ms-grid-rows: (1fr) [1] !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }
}
.has-row-2 {
  -ms-grid-rows: (1fr) [2];
  grid-template-rows: repeat(2, 1fr);
}
.has-row-2 > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-2-xs > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-2-xs {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-2-sm > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-2-sm {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-2-md > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-2-md {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-2-lg > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-2-lg {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-2-xl > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-2-xl {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-2-xxl > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-2-xxl {
    -ms-grid-rows: (1fr) [2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }
}
.has-row-3 {
  -ms-grid-rows: (1fr) [3];
  grid-template-rows: repeat(3, 1fr);
}
.has-row-3 > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-3-xs > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-3-xs {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-3-sm > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-3-sm {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-3-md > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-3-md {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-3-lg > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-3-lg {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-3-xl > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-3-xl {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-3-xxl > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-3-xxl {
    -ms-grid-rows: (1fr) [3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
.has-row-4 {
  -ms-grid-rows: (1fr) [4];
  grid-template-rows: repeat(4, 1fr);
}
.has-row-4 > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-4-xs > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-4-xs {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-4-sm > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-4-sm {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-4-md > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-4-md {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-4-lg > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-4-lg {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-4-xl > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-4-xl {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-4-xxl > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-4-xxl {
    -ms-grid-rows: (1fr) [4] !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.has-row-5 {
  -ms-grid-rows: (1fr) [5];
  grid-template-rows: repeat(5, 1fr);
}
.has-row-5 > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-5-xs > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-5-xs {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-5-sm > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-5-sm {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-5-md > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-5-md {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-5-lg > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-5-lg {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-5-xl > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-5-xl {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-5-xxl > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-5-xxl {
    -ms-grid-rows: (1fr) [5] !important;
    grid-template-rows: repeat(5, 1fr) !important;
  }
}
.has-row-6 {
  -ms-grid-rows: (1fr) [6];
  grid-template-rows: repeat(6, 1fr);
}
.has-row-6 > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-6-xs > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-6-xs {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-6-sm > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-6-sm {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-6-md > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-6-md {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-6-lg > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-6-lg {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-6-xl > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-6-xl {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-6-xxl > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-6-xxl {
    -ms-grid-rows: (1fr) [6] !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
}
.has-row-7 {
  -ms-grid-rows: (1fr) [7];
  grid-template-rows: repeat(7, 1fr);
}
.has-row-7 > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-7-xs > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-7-xs {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-7-sm > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-7-sm {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-7-md > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-7-md {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-7-lg > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-7-lg {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-7-xl > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-7-xl {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-7-xxl > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-7-xxl {
    -ms-grid-rows: (1fr) [7] !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
}
.has-row-8 {
  -ms-grid-rows: (1fr) [8];
  grid-template-rows: repeat(8, 1fr);
}
.has-row-8 > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-8-xs > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-8-xs {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-8-sm > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-8-sm {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-8-md > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-8-md {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-8-lg > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-8-lg {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-8-xl > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-8-xl {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-8-xxl > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-8-xxl {
    -ms-grid-rows: (1fr) [8] !important;
    grid-template-rows: repeat(8, 1fr) !important;
  }
}
.has-row-9 {
  -ms-grid-rows: (1fr) [9];
  grid-template-rows: repeat(9, 1fr);
}
.has-row-9 > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-9-xs > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-9-xs {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-9-sm > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-9-sm {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-9-md > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-9-md {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-9-lg > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-9-lg {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-9-xl > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-9-xl {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-9-xxl > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-9-xxl {
    -ms-grid-rows: (1fr) [9] !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
}
.has-row-10 {
  -ms-grid-rows: (1fr) [10];
  grid-template-rows: repeat(10, 1fr);
}
.has-row-10 > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-10-xs > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-10-xs {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-10-sm > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-10-sm {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-10-md > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-10-md {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-10-lg > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-10-lg {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-10-xl > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-10-xl {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-10-xxl > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-10-xxl {
    -ms-grid-rows: (1fr) [10] !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
}
.has-row-11 {
  -ms-grid-rows: (1fr) [11];
  grid-template-rows: repeat(11, 1fr);
}
.has-row-11 > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-11-xs > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-11-xs {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-11-sm > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-11-sm {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-11-md > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-11-md {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-11-lg > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-11-lg {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-11-xl > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-11-xl {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-11-xxl > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-11-xxl {
    -ms-grid-rows: (1fr) [11] !important;
    grid-template-rows: repeat(11, 1fr) !important;
  }
}
.has-row-12 {
  -ms-grid-rows: (1fr) [12];
  grid-template-rows: repeat(12, 1fr);
}
.has-row-12 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-row-12-xs > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-12-xs {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-row-12-sm > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-12-sm {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-row-12-md > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-12-md {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-row-12-lg > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-12-lg {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-row-12-xl > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-12-xl {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-row-12-xxl > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-row-12-xxl {
    -ms-grid-rows: (1fr) [12] !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
}
.has-col-1 {
  -ms-grid-columns: (1fr) [1];
  grid-template-columns: repeat(1, 1fr);
}
.has-col-1 > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-1-xs > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-1-xs {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-1-sm > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-1-sm {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-1-md > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-1-md {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-1-lg > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-1-lg {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-1-xl > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-1-xl {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-1-xxl > * {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-1-xxl {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.has-col-2 {
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
.has-col-2 > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-2-xs > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-2-xs {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-2-sm > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-2-sm {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-2-md > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-2-md {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-2-lg > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-2-lg {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-2-xl > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-2-xl {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-2-xxl > * {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-2-xxl {
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.has-col-3 {
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.has-col-3 > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-3-xs > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-3-xs {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-3-sm > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-3-sm {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-3-md > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-3-md {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-3-lg > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-3-lg {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-3-xl > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-3-xl {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-3-xxl > * {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-3-xxl {
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.has-col-4 {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
.has-col-4 > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-4-xs > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-4-xs {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-4-sm > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-4-sm {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-4-md > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-4-md {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-4-lg > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-4-lg {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-4-xl > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-4-xl {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-4-xxl > * {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-4-xxl {
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.has-col-5 {
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}
.has-col-5 > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-5-xs > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-5-xs {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-5-sm > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-5-sm {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-5-md > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-5-md {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-5-lg > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-5-lg {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-5-xl > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-5-xl {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-5-xxl > * {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-5-xxl {
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.has-col-6 {
  -ms-grid-columns: (1fr) [6];
  grid-template-columns: repeat(6, 1fr);
}
.has-col-6 > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-6-xs > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-6-xs {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-6-sm > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-6-sm {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-6-md > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-6-md {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-6-lg > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-6-lg {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-6-xl > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-6-xl {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-6-xxl > * {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-6-xxl {
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
.has-col-7 {
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
}
.has-col-7 > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-7-xs > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-7-xs {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-7-sm > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-7-sm {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-7-md > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-7-md {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-7-lg > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-7-lg {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-7-xl > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-7-xl {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-7-xxl > * {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-7-xxl {
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
.has-col-8 {
  -ms-grid-columns: (1fr) [8];
  grid-template-columns: repeat(8, 1fr);
}
.has-col-8 > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-8-xs > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-8-xs {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-8-sm > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-8-sm {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-8-md > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-8-md {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-8-lg > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-8-lg {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-8-xl > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-8-xl {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-8-xxl > * {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-8-xxl {
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.has-col-9 {
  -ms-grid-columns: (1fr) [9];
  grid-template-columns: repeat(9, 1fr);
}
.has-col-9 > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-9-xs > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-9-xs {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-9-sm > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-9-sm {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-9-md > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-9-md {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-9-lg > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-9-lg {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-9-xl > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-9-xl {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-9-xxl > * {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-9-xxl {
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
}
.has-col-10 {
  -ms-grid-columns: (1fr) [10];
  grid-template-columns: repeat(10, 1fr);
}
.has-col-10 > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-10-xs > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-10-xs {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-10-sm > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-10-sm {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-10-md > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-10-md {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-10-lg > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-10-lg {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-10-xl > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-10-xl {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-10-xxl > * {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-10-xxl {
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
}
.has-col-11 {
  -ms-grid-columns: (1fr) [11];
  grid-template-columns: repeat(11, 1fr);
}
.has-col-11 > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-11-xs > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-11-xs {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-11-sm > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-11-sm {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-11-md > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-11-md {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-11-lg > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-11-lg {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-11-xl > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-11-xl {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-11-xxl > * {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-11-xxl {
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }
}
.has-col-12 {
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.has-col-12 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12 > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.has-col-12-xs > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xs > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-12-xs {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.has-col-12-sm > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-sm > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-12-sm {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.has-col-12-md > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-md > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-12-md {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.has-col-12-lg > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-lg > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-12-lg {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.has-col-12-xl > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-12-xl {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.has-col-12-xxl > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xxl > * {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (min-width: 1400px) {
  .has-col-12-xxl {
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 575.5px) {
  .is-row-1-xs {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 575.5px) {
  .is-row-2-xs {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 575.5px) {
  .is-row-3-xs {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 575.5px) {
  .is-row-4-xs {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 575.5px) {
  .is-row-5-xs {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 575.5px) {
  .is-row-6-xs {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 575.5px) {
  .is-row-7-xs {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 575.5px) {
  .is-row-8-xs {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 575.5px) {
  .is-row-9-xs {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 575.5px) {
  .is-row-10-xs {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 575.5px) {
  .is-row-11-xs {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 575.5px) {
  .is-row-12-xs {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 576px) {
  .is-row-1-sm {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 576px) {
  .is-row-2-sm {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 576px) {
  .is-row-3-sm {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 576px) {
  .is-row-4-sm {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 576px) {
  .is-row-5-sm {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 576px) {
  .is-row-6-sm {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 576px) {
  .is-row-7-sm {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 576px) {
  .is-row-8-sm {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 576px) {
  .is-row-9-sm {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 576px) {
  .is-row-10-sm {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 576px) {
  .is-row-11-sm {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 576px) {
  .is-row-12-sm {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 768px) {
  .is-row-1-md {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 768px) {
  .is-row-2-md {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 768px) {
  .is-row-3-md {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 768px) {
  .is-row-4-md {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 768px) {
  .is-row-5-md {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 768px) {
  .is-row-6-md {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 768px) {
  .is-row-7-md {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 768px) {
  .is-row-8-md {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 768px) {
  .is-row-9-md {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 768px) {
  .is-row-10-md {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 768px) {
  .is-row-11-md {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 768px) {
  .is-row-12-md {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 992px) {
  .is-row-1-lg {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 992px) {
  .is-row-2-lg {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 992px) {
  .is-row-3-lg {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 992px) {
  .is-row-4-lg {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 992px) {
  .is-row-5-lg {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 992px) {
  .is-row-6-lg {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 992px) {
  .is-row-7-lg {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 992px) {
  .is-row-8-lg {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 992px) {
  .is-row-9-lg {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 992px) {
  .is-row-10-lg {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 992px) {
  .is-row-11-lg {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 992px) {
  .is-row-12-lg {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 1200px) {
  .is-row-1-xl {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 1200px) {
  .is-row-2-xl {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 1200px) {
  .is-row-3-xl {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 1200px) {
  .is-row-4-xl {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 1200px) {
  .is-row-5-xl {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 1200px) {
  .is-row-6-xl {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 1200px) {
  .is-row-7-xl {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 1200px) {
  .is-row-8-xl {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 1200px) {
  .is-row-9-xl {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 1200px) {
  .is-row-10-xl {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 1200px) {
  .is-row-11-xl {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 1200px) {
  .is-row-12-xl {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1;
}
@media screen and (min-width: 1400px) {
  .is-row-1-xxl {
    -ms-grid-row-span: 1 !important;
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (min-width: 1400px) {
  .is-row-2-xxl {
    -ms-grid-row-span: 2 !important;
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
@media screen and (min-width: 1400px) {
  .is-row-3-xxl {
    -ms-grid-row-span: 3 !important;
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
@media screen and (min-width: 1400px) {
  .is-row-4-xxl {
    -ms-grid-row-span: 4 !important;
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5;
}
@media screen and (min-width: 1400px) {
  .is-row-5-xxl {
    -ms-grid-row-span: 5 !important;
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6;
}
@media screen and (min-width: 1400px) {
  .is-row-6-xxl {
    -ms-grid-row-span: 6 !important;
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7;
}
@media screen and (min-width: 1400px) {
  .is-row-7-xxl {
    -ms-grid-row-span: 7 !important;
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8;
}
@media screen and (min-width: 1400px) {
  .is-row-8-xxl {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  -ms-grid-row-span: 9;
  grid-row: span 9;
}
@media screen and (min-width: 1400px) {
  .is-row-9-xxl {
    -ms-grid-row-span: 9 !important;
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
@media screen and (min-width: 1400px) {
  .is-row-10-xxl {
    -ms-grid-row-span: 10 !important;
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  -ms-grid-row-span: 11;
  grid-row: span 11;
}
@media screen and (min-width: 1400px) {
  .is-row-11-xxl {
    -ms-grid-row-span: 11 !important;
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
@media screen and (min-width: 1400px) {
  .is-row-12-xxl {
    -ms-grid-row-span: 12 !important;
    grid-row: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 575.5px) {
  .is-col-1-xs {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 575.5px) {
  .is-col-2-xs {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 575.5px) {
  .is-col-3-xs {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 575.5px) {
  .is-col-4-xs {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 575.5px) {
  .is-col-5-xs {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 575.5px) {
  .is-col-6-xs {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 575.5px) {
  .is-col-7-xs {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 575.5px) {
  .is-col-8-xs {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 575.5px) {
  .is-col-9-xs {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 575.5px) {
  .is-col-10-xs {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 575.5px) {
  .is-col-11-xs {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 575.5px) {
  .is-col-12-xs {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 576px) {
  .is-col-1-sm {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 576px) {
  .is-col-2-sm {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 576px) {
  .is-col-3-sm {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 576px) {
  .is-col-4-sm {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 576px) {
  .is-col-5-sm {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 576px) {
  .is-col-6-sm {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 576px) {
  .is-col-7-sm {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 576px) {
  .is-col-8-sm {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 576px) {
  .is-col-9-sm {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 576px) {
  .is-col-10-sm {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 576px) {
  .is-col-11-sm {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 576px) {
  .is-col-12-sm {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 768px) {
  .is-col-1-md {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .is-col-2-md {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 768px) {
  .is-col-3-md {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 768px) {
  .is-col-4-md {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 768px) {
  .is-col-5-md {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .is-col-6-md {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 768px) {
  .is-col-7-md {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 768px) {
  .is-col-8-md {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 768px) {
  .is-col-9-md {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 768px) {
  .is-col-10-md {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 768px) {
  .is-col-11-md {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 768px) {
  .is-col-12-md {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .is-col-1-lg {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .is-col-2-lg {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .is-col-3-lg {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .is-col-4-lg {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .is-col-5-lg {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .is-col-6-lg {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .is-col-7-lg {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .is-col-8-lg {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .is-col-9-lg {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .is-col-10-lg {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .is-col-11-lg {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .is-col-12-lg {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 1200px) {
  .is-col-1-xl {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 1200px) {
  .is-col-2-xl {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 1200px) {
  .is-col-3-xl {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 1200px) {
  .is-col-4-xl {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 1200px) {
  .is-col-5-xl {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 1200px) {
  .is-col-6-xl {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 1200px) {
  .is-col-7-xl {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 1200px) {
  .is-col-8-xl {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 1200px) {
  .is-col-9-xl {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 1200px) {
  .is-col-10-xl {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 1200px) {
  .is-col-11-xl {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 1200px) {
  .is-col-12-xl {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media screen and (min-width: 1400px) {
  .is-col-1-xxl {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media screen and (min-width: 1400px) {
  .is-col-2-xxl {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (min-width: 1400px) {
  .is-col-3-xxl {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (min-width: 1400px) {
  .is-col-4-xxl {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
@media screen and (min-width: 1400px) {
  .is-col-5-xxl {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
@media screen and (min-width: 1400px) {
  .is-col-6-xxl {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
@media screen and (min-width: 1400px) {
  .is-col-7-xxl {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
@media screen and (min-width: 1400px) {
  .is-col-8-xxl {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
@media screen and (min-width: 1400px) {
  .is-col-9-xxl {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
@media screen and (min-width: 1400px) {
  .is-col-10-xxl {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
@media screen and (min-width: 1400px) {
  .is-col-11-xxl {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
@media screen and (min-width: 1400px) {
  .is-col-12-xxl {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
}

body {
  background: #fff;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

.large {
  max-width: 37.5rem;
  width: 100%;
}

div {
  align-self: stretch;
  justify-content: center;
}

.atlanta {
  background: #80000a;
}
.austin {
  background: #00b140;
}
.chicago {
  background: #c2002f;
}
.cincinnati {
  background: #e05d33;
}
.colorado {
  background: #862634;
}
.columbus {
  background: #fff200;
}
.dallas {
  background: #bf203d;
}
.dc {
  background: #161616;
}
.houston {
  background: #ef742f;
}
.lafc {
  background: #111720;
}
.la-galaxy {
  background: #0063a7;
}
.miami {
  background: #212322;
}
.minnesota {
  background: #9bcde4;
}
.montreal {
  background: #00529b;
}
.nashville {
  background: #0f1145;
}
.new-england {
  background: #10477b;
}
.nyfc {
  background: #5790c5;
}
.ny-redbulls {
  background: #ffd300;
}
.orlando {
  background: #612b9b;
}
.philadelphia {
  background: #001b2d;
}
.portland {
  background: #004812;
}
.salt-lake {
  background: #022b52;
}
.san-jose {
  background: #0d4c92;
}
.seattle {
  background: #539636;
}
.sporting-kc {
  background: #91b0d5;
}
.toronto {
  background: #ab1e2d;
}
.vancouver {
  background: #94bde4;
}

This Pen is owned by kachibito on CodePen.

See more by @kachibito on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.