.mds-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.5rem;
  width: 100%;
}

.mds-grid_cols > * {
  grid-column: span 12;
}

.mds-grid_col {
  grid-column: span 12;
}

.mds-grid_col-1, .mds-grid.mds-grid_cols-1 > * {
  grid-column: span 1;
}

.mds-grid_col-start-1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

.mds-grid_col-end-1 {
  grid-column-end: 2;
}

.mds-grid_col-2, .mds-grid.mds-grid_cols-2 > * {
  grid-column: span 2;
}

.mds-grid_col-start-2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

.mds-grid_col-end-2 {
  grid-column-end: 3;
}

.mds-grid_col-3, .mds-grid.mds-grid_cols-3 > * {
  grid-column: span 3;
}

.mds-grid_col-start-3 {
  -ms-grid-column: 3;
      grid-column-start: 3;
}

.mds-grid_col-end-3 {
  grid-column-end: 4;
}

.mds-grid_col-4, .mds-grid.mds-grid_cols-4 > * {
  grid-column: span 4;
}

.mds-grid_col-start-4 {
  -ms-grid-column: 4;
      grid-column-start: 4;
}

.mds-grid_col-end-4 {
  grid-column-end: 5;
}

.mds-grid_col-5, .mds-grid.mds-grid_cols-5 > * {
  grid-column: span 5;
}

.mds-grid_col-start-5 {
  -ms-grid-column: 5;
      grid-column-start: 5;
}

.mds-grid_col-end-5 {
  grid-column-end: 6;
}

.mds-grid_col-6, .mds-grid.mds-grid_cols-6 > * {
  grid-column: span 6;
}

.mds-grid_col-start-6 {
  -ms-grid-column: 6;
      grid-column-start: 6;
}

.mds-grid_col-end-6 {
  grid-column-end: 7;
}

.mds-grid_col-7, .mds-grid.mds-grid_cols-7 > * {
  grid-column: span 7;
}

.mds-grid_col-start-7 {
  -ms-grid-column: 7;
      grid-column-start: 7;
}

.mds-grid_col-end-7 {
  grid-column-end: 8;
}

.mds-grid_col-8, .mds-grid.mds-grid_cols-8 > * {
  grid-column: span 8;
}

.mds-grid_col-start-8 {
  -ms-grid-column: 8;
      grid-column-start: 8;
}

.mds-grid_col-end-8 {
  grid-column-end: 9;
}

.mds-grid_col-9, .mds-grid.mds-grid_cols-9 > * {
  grid-column: span 9;
}

.mds-grid_col-start-9 {
  -ms-grid-column: 9;
      grid-column-start: 9;
}

.mds-grid_col-end-9 {
  grid-column-end: 10;
}

.mds-grid_col-10, .mds-grid.mds-grid_cols-10 > * {
  grid-column: span 10;
}

.mds-grid_col-start-10 {
  -ms-grid-column: 10;
      grid-column-start: 10;
}

.mds-grid_col-end-10 {
  grid-column-end: 11;
}

.mds-grid_col-11, .mds-grid.mds-grid_cols-11 > * {
  grid-column: span 11;
}

.mds-grid_col-start-11 {
  -ms-grid-column: 11;
      grid-column-start: 11;
}

.mds-grid_col-end-11 {
  grid-column-end: 12;
}

.mds-grid_col-12, .mds-grid.mds-grid_cols-12 > * {
  grid-column: span 12;
}

.mds-grid_col-start-12 {
  -ms-grid-column: 12;
      grid-column-start: 12;
}

.mds-grid_col-end-12 {
  grid-column-end: 13;
}

@media only screen and (min-width: 575px) {
  .mds-grid_col-xs-1, .mds-grid.mds-grid_cols-xs-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-xs-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-xs-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-xs-2, .mds-grid.mds-grid_cols-xs-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-xs-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-xs-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-xs-3, .mds-grid.mds-grid_cols-xs-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-xs-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-xs-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-xs-4, .mds-grid.mds-grid_cols-xs-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-xs-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-xs-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-xs-5, .mds-grid.mds-grid_cols-xs-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-xs-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-xs-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-xs-6, .mds-grid.mds-grid_cols-xs-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-xs-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-xs-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-xs-7, .mds-grid.mds-grid_cols-xs-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-xs-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-xs-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-xs-8, .mds-grid.mds-grid_cols-xs-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-xs-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-xs-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-xs-9, .mds-grid.mds-grid_cols-xs-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-xs-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-xs-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-xs-10, .mds-grid.mds-grid_cols-xs-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-xs-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-xs-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-xs-11, .mds-grid.mds-grid_cols-xs-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-xs-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-xs-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-xs-12, .mds-grid.mds-grid_cols-xs-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-xs-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-xs-12 {
    grid-column-end: 13;
  }
}

@media only screen and (min-width: 768px) {
  .mds-grid_col-sm-1, .mds-grid.mds-grid_cols-sm-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-sm-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-sm-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-sm-2, .mds-grid.mds-grid_cols-sm-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-sm-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-sm-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-sm-3, .mds-grid.mds-grid_cols-sm-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-sm-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-sm-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-sm-4, .mds-grid.mds-grid_cols-sm-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-sm-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-sm-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-sm-5, .mds-grid.mds-grid_cols-sm-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-sm-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-sm-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-sm-6, .mds-grid.mds-grid_cols-sm-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-sm-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-sm-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-sm-7, .mds-grid.mds-grid_cols-sm-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-sm-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-sm-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-sm-8, .mds-grid.mds-grid_cols-sm-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-sm-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-sm-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-sm-9, .mds-grid.mds-grid_cols-sm-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-sm-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-sm-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-sm-10, .mds-grid.mds-grid_cols-sm-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-sm-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-sm-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-sm-11, .mds-grid.mds-grid_cols-sm-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-sm-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-sm-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-sm-12, .mds-grid.mds-grid_cols-sm-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-sm-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-sm-12 {
    grid-column-end: 13;
  }
}

@media only screen and (min-width: 1024px) {
  .mds-grid_col-md-1, .mds-grid.mds-grid_cols-md-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-md-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-md-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-md-2, .mds-grid.mds-grid_cols-md-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-md-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-md-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-md-3, .mds-grid.mds-grid_cols-md-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-md-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-md-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-md-4, .mds-grid.mds-grid_cols-md-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-md-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-md-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-md-5, .mds-grid.mds-grid_cols-md-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-md-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-md-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-md-6, .mds-grid.mds-grid_cols-md-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-md-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-md-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-md-7, .mds-grid.mds-grid_cols-md-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-md-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-md-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-md-8, .mds-grid.mds-grid_cols-md-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-md-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-md-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-md-9, .mds-grid.mds-grid_cols-md-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-md-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-md-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-md-10, .mds-grid.mds-grid_cols-md-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-md-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-md-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-md-11, .mds-grid.mds-grid_cols-md-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-md-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-md-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-md-12, .mds-grid.mds-grid_cols-md-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-md-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-md-12 {
    grid-column-end: 13;
  }
}

@media only screen and (min-width: 1200px) {
  .mds-grid_col-lg-1, .mds-grid.mds-grid_cols-lg-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-lg-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-lg-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-lg-2, .mds-grid.mds-grid_cols-lg-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-lg-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-lg-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-lg-3, .mds-grid.mds-grid_cols-lg-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-lg-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-lg-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-lg-4, .mds-grid.mds-grid_cols-lg-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-lg-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-lg-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-lg-5, .mds-grid.mds-grid_cols-lg-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-lg-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-lg-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-lg-6, .mds-grid.mds-grid_cols-lg-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-lg-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-lg-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-lg-7, .mds-grid.mds-grid_cols-lg-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-lg-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-lg-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-lg-8, .mds-grid.mds-grid_cols-lg-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-lg-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-lg-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-lg-9, .mds-grid.mds-grid_cols-lg-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-lg-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-lg-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-lg-10, .mds-grid.mds-grid_cols-lg-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-lg-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-lg-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-lg-11, .mds-grid.mds-grid_cols-lg-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-lg-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-lg-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-lg-12, .mds-grid.mds-grid_cols-lg-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-lg-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-lg-12 {
    grid-column-end: 13;
  }
}

@media only screen and (min-width: 1440px) {
  .mds-grid_col-xl-1, .mds-grid.mds-grid_cols-xl-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-xl-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-xl-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-xl-2, .mds-grid.mds-grid_cols-xl-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-xl-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-xl-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-xl-3, .mds-grid.mds-grid_cols-xl-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-xl-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-xl-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-xl-4, .mds-grid.mds-grid_cols-xl-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-xl-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-xl-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-xl-5, .mds-grid.mds-grid_cols-xl-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-xl-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-xl-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-xl-6, .mds-grid.mds-grid_cols-xl-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-xl-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-xl-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-xl-7, .mds-grid.mds-grid_cols-xl-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-xl-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-xl-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-xl-8, .mds-grid.mds-grid_cols-xl-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-xl-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-xl-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-xl-9, .mds-grid.mds-grid_cols-xl-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-xl-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-xl-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-xl-10, .mds-grid.mds-grid_cols-xl-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-xl-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-xl-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-xl-11, .mds-grid.mds-grid_cols-xl-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-xl-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-xl-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-xl-12, .mds-grid.mds-grid_cols-xl-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-xl-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-xl-12 {
    grid-column-end: 13;
  }
}

@media only screen and (min-width: 2000px) {
  .mds-grid_col-xxl-1, .mds-grid.mds-grid_cols-xxl-1 > * {
    grid-column: span 1;
  }
  .mds-grid_col-start-xxl-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .mds-grid_col-end-xxl-1 {
    grid-column-end: 2;
  }
  .mds-grid_col-xxl-2, .mds-grid.mds-grid_cols-xxl-2 > * {
    grid-column: span 2;
  }
  .mds-grid_col-start-xxl-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .mds-grid_col-end-xxl-2 {
    grid-column-end: 3;
  }
  .mds-grid_col-xxl-3, .mds-grid.mds-grid_cols-xxl-3 > * {
    grid-column: span 3;
  }
  .mds-grid_col-start-xxl-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .mds-grid_col-end-xxl-3 {
    grid-column-end: 4;
  }
  .mds-grid_col-xxl-4, .mds-grid.mds-grid_cols-xxl-4 > * {
    grid-column: span 4;
  }
  .mds-grid_col-start-xxl-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .mds-grid_col-end-xxl-4 {
    grid-column-end: 5;
  }
  .mds-grid_col-xxl-5, .mds-grid.mds-grid_cols-xxl-5 > * {
    grid-column: span 5;
  }
  .mds-grid_col-start-xxl-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .mds-grid_col-end-xxl-5 {
    grid-column-end: 6;
  }
  .mds-grid_col-xxl-6, .mds-grid.mds-grid_cols-xxl-6 > * {
    grid-column: span 6;
  }
  .mds-grid_col-start-xxl-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .mds-grid_col-end-xxl-6 {
    grid-column-end: 7;
  }
  .mds-grid_col-xxl-7, .mds-grid.mds-grid_cols-xxl-7 > * {
    grid-column: span 7;
  }
  .mds-grid_col-start-xxl-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .mds-grid_col-end-xxl-7 {
    grid-column-end: 8;
  }
  .mds-grid_col-xxl-8, .mds-grid.mds-grid_cols-xxl-8 > * {
    grid-column: span 8;
  }
  .mds-grid_col-start-xxl-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .mds-grid_col-end-xxl-8 {
    grid-column-end: 9;
  }
  .mds-grid_col-xxl-9, .mds-grid.mds-grid_cols-xxl-9 > * {
    grid-column: span 9;
  }
  .mds-grid_col-start-xxl-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .mds-grid_col-end-xxl-9 {
    grid-column-end: 10;
  }
  .mds-grid_col-xxl-10, .mds-grid.mds-grid_cols-xxl-10 > * {
    grid-column: span 10;
  }
  .mds-grid_col-start-xxl-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .mds-grid_col-end-xxl-10 {
    grid-column-end: 11;
  }
  .mds-grid_col-xxl-11, .mds-grid.mds-grid_cols-xxl-11 > * {
    grid-column: span 11;
  }
  .mds-grid_col-start-xxl-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .mds-grid_col-end-xxl-11 {
    grid-column-end: 12;
  }
  .mds-grid_col-xxl-12, .mds-grid.mds-grid_cols-xxl-12 > * {
    grid-column: span 12;
  }
  .mds-grid_col-start-xxl-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .mds-grid_col-end-xxl-12 {
    grid-column-end: 13;
  }
}

.mds-grid--no-gap {
  grid-gap: 0;
}

.mds-grid--small-gap {
  grid-gap: 0.875rem;
  margin-bottom: 0.875rem;
}

.mds-grid--no-row-gap {
  row-gap: 0;
}

.mds-grid--no-col-gap {
  grid-gap: 0;
}

@media only screen and (min-width: 575px) {
  .mds-grid_col-xs-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-xs-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

@media only screen and (min-width: 768px) {
  .mds-grid_col-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

@media only screen and (min-width: 1024px) {
  .mds-grid_col-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

@media only screen and (min-width: 1200px) {
  .mds-grid_col-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

@media only screen and (min-width: 1440px) {
  .mds-grid_col-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

@media only screen and (min-width: 2000px) {
  .mds-grid_col-xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mds-grid_col-xxl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
}

.mds-grid.mds-grid--align-center {
  justify-items: center;
}

.mds-grid.mds-grid--align-center {
  justify-items: center;
}

legacy normal stretch center safe-center unsafe-center start end self-start self-end left right baseline first baseline last baseline
.mds-grid.mds-grid--align-bottom {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.mds-grid_col--v-align-auto {
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}

.mds-grid_col--align-auto {
  -ms-grid-column-align: auto;
      justify-self: auto;
}

.mds-grid_col--v-align-normal {
  -ms-flex-item-align: normal;
      -ms-grid-row-align: normal;
      align-self: normal;
}

.mds-grid_col--align-normal {
  -ms-grid-column-align: normal;
      justify-self: normal;
}

.mds-grid_col--v-align-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.mds-grid_col--align-stretch {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}

.mds-grid_col--v-align-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mds-grid_col--align-center {
  -ms-grid-column-align: center;
      justify-self: center;
}

.mds-grid_col--v-align-start {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.mds-grid_col--align-start {
  -ms-grid-column-align: start;
      justify-self: start;
}

.mds-grid_col--v-align-end {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.mds-grid_col--align-end {
  -ms-grid-column-align: end;
      justify-self: end;
}

.mds-grid_col--v-align-self-start {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
}

.mds-grid_col--align-self-start {
  -ms-grid-column-align: self-start;
      justify-self: self-start;
}

.mds-grid_col--v-align-self-end {
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
}

.mds-grid_col--align-self-end {
  -ms-grid-column-align: self-end;
      justify-self: self-end;
}

.mds-grid_col--v-align-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.mds-grid_col--align-baseline {
  justify-self: baseline;
}

.mds-grid_col--v-align-first-baseline {
  -ms-flex-item-align: first-baseline;
      -ms-grid-row-align: first-baseline;
      align-self: first-baseline;
}

.mds-grid_col--align-first-baseline {
  -ms-grid-column-align: first-baseline;
      justify-self: first-baseline;
}

.mds-grid_col--v-align-last-baseline {
  -ms-flex-item-align: last-baseline;
      -ms-grid-row-align: last-baseline;
      align-self: last-baseline;
}

.mds-grid_col--align-last-baseline {
  -ms-grid-column-align: last-baseline;
      justify-self: last-baseline;
}