:root {
  --mdc-layout-grid-margin-desktop: 0px;
  --mdc-layout-grid-gutter-desktop: 27px;
  --mdc-layout-grid-column-width-desktop: 72px;
  --mdc-layout-grid-margin-tablet: 0px;
  --mdc-layout-grid-gutter-tablet: 27px;
  --mdc-layout-grid-column-width-tablet: 72px;
  --mdc-layout-grid-margin-phone: 0px;
  --mdc-layout-grid-gutter-phone: 27px;
  --mdc-layout-grid-column-width-phone: 72px;
}

@media (min-width: 840px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    padding: var(--mdc-layout-grid-margin-desktop, 0px);
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    padding: var(--mdc-layout-grid-margin-tablet, 0px);
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    padding: var(--mdc-layout-grid-margin-phone, 0px);
  }
}
@media (min-width: 840px) {
  .mdc-layout-grid__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: -13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 27px) / 2 * -1);
  }

  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: -ms-grid;
      display: grid;
      margin: 0;
      grid-gap: 27px;
      grid-gap: var(--mdc-layout-grid-gutter-desktop, 27px);
      -ms-grid-columns: (minmax(0, 1fr))[12];
          grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: -13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 27px) / 2 * -1);
  }

  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: -ms-grid;
      display: grid;
      margin: 0;
      grid-gap: 27px;
      grid-gap: var(--mdc-layout-grid-gutter-tablet, 27px);
      -ms-grid-columns: (minmax(0, 1fr))[6];
          grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: -13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 27px) / 2 * -1);
  }

  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: -ms-grid;
      display: grid;
      margin: 0;
      grid-gap: 27px;
      grid-gap: var(--mdc-layout-grid-gutter-phone, 27px);
      -ms-grid-columns: (minmax(0, 1fr))[4];
          grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@media (min-width: 840px) {
  .mdc-layout-grid__cell {
    width: calc(33.3333333333% - 27px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 27px));
    box-sizing: border-box;
    margin: 13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 27px) / 2);
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
    width: calc(8.3333333333% - 27px);
    width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
      width: auto;
      -ms-grid-column-span: 1;
          grid-column-end: span 1;
    }
  }
  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
    width: calc(16.6666666667% - 27px);
    width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
      width: auto;
      -ms-grid-column-span: 2;
          grid-column-end: span 2;
    }
  }
  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
    width: calc(25% - 27px);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
    width: calc(33.3333333333% - 27px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
    width: calc(41.6666666667% - 27px);
    width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
      width: auto;
      -ms-grid-column-span: 5;
          grid-column-end: span 5;
    }
  }
  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
    width: calc(50% - 27px);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
    width: calc(58.3333333333% - 27px);
    width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
      width: auto;
      -ms-grid-column-span: 7;
          grid-column-end: span 7;
    }
  }
  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
    width: calc(66.6666666667% - 27px);
    width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
      width: auto;
      -ms-grid-column-span: 8;
          grid-column-end: span 8;
    }
  }
  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
    width: calc(75% - 27px);
    width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
      width: auto;
      -ms-grid-column-span: 9;
          grid-column-end: span 9;
    }
  }
  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
    width: calc(83.3333333333% - 27px);
    width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
      width: auto;
      -ms-grid-column-span: 10;
          grid-column-end: span 10;
    }
  }
  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
    width: calc(91.6666666667% - 27px);
    width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
      width: auto;
      -ms-grid-column-span: 11;
          grid-column-end: span 11;
    }
  }
  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
      width: auto;
      -ms-grid-column-span: 12;
          grid-column-end: span 12;
    }
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid__cell {
    width: calc(66.6666666667% - 27px);
    width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-tablet, 27px));
    box-sizing: border-box;
    margin: 13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 27px) / 2);
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
    width: calc(16.6666666667% - 27px);
    width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
      width: auto;
      -ms-grid-column-span: 1;
          grid-column-end: span 1;
    }
  }
  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
    width: calc(33.3333333333% - 27px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
      width: auto;
      -ms-grid-column-span: 2;
          grid-column-end: span 2;
    }
  }
  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
    width: calc(50% - 27px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
    width: calc(66.6666666667% - 27px);
    width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
    width: calc(83.3333333333% - 27px);
    width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
      width: auto;
      -ms-grid-column-span: 5;
          grid-column-end: span 5;
    }
  }
  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid__cell {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
    box-sizing: border-box;
    margin: 13.5px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 27px) / 2);
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
    width: calc(25% - 27px);
    width: calc(25% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
      width: auto;
      -ms-grid-column-span: 1;
          grid-column-end: span 1;
    }
  }
  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
    width: calc(50% - 27px);
    width: calc(50% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
      width: auto;
      -ms-grid-column-span: 2;
          grid-column-end: span 2;
    }
  }
  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
    width: calc(75% - 27px);
    width: calc(75% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
    width: calc(100% - 27px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 27px));
  }

  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
}
.mdc-layout-grid__cell--order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.mdc-layout-grid__cell--order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.mdc-layout-grid__cell--order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.mdc-layout-grid__cell--order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.mdc-layout-grid__cell--order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.mdc-layout-grid__cell--order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.mdc-layout-grid__cell--order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.mdc-layout-grid__cell--order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.mdc-layout-grid__cell--order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.mdc-layout-grid__cell--order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.mdc-layout-grid__cell--order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.mdc-layout-grid__cell--order-12 {
  -ms-flex-order: 12;
      order: 12;
}

.mdc-layout-grid__cell--align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@supports (display: grid) {
  .mdc-layout-grid__cell--align-top {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}
.mdc-layout-grid__cell--align-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mdc-layout-grid__cell--align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@supports (display: grid) {
  .mdc-layout-grid__cell--align-bottom {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
}
@media (min-width: 840px) {
  .mdc-layout-grid--fixed-column-width {
    width: 1161px;
    width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 27px) * 11 + var(--mdc-layout-grid-margin-desktop, 0px) * 2 );
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid--fixed-column-width {
    width: 567px;
    width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 6 + var(--mdc-layout-grid-gutter-tablet, 27px) * 5 + var(--mdc-layout-grid-margin-tablet, 0px) * 2 );
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid--fixed-column-width {
    width: 369px;
    width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 27px) * 3 + var(--mdc-layout-grid-margin-phone, 0px) * 2 );
  }
}
.mdc-layout-grid--align-left {
  margin-right: auto;
  margin-left: 0;
}

.mdc-layout-grid--align-right {
  margin-right: 0;
  margin-left: auto;
}

.mdc-layout-grid__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin: -0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2 * -1);
}
@supports (display: grid) {
  .mdc-layout-grid__inner {
    display: -ms-grid;
    display: grid;
    margin: 0;
    grid-gap: 1.5em;
    grid-gap: var(--mdc-layout-grid-gutter-phone, 1.5em);
    -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mdc-layout-grid__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: -0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: -ms-grid;
      display: grid;
      margin: 0;
      grid-gap: 1.5em;
      grid-gap: var(--mdc-layout-grid-gutter-tablet, 1.5em);
      -ms-grid-columns: (minmax(0, 1fr))[6];
          grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
}
@media (min-width: 1024px) {
  .mdc-layout-grid__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: -0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: -ms-grid;
      display: grid;
      margin: 0;
      grid-gap: 1.5em;
      grid-gap: var(--mdc-layout-grid-gutter-desktop, 1.5em);
      -ms-grid-columns: (minmax(0, 1fr))[12];
          grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}

.layout-full-width .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-full-width .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-full-width .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-full-width .mdc-layout-grid__cell {
    width: calc(100% - 1.5em);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-full-width .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-full-width .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-full-width .mdc-layout-grid__cell {
    width: calc(100% - 1.5em);
    width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-full-width .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 12;
          grid-column-end: span 12;
    }
  }
  @supports (display: grid) {
    .layout-full-width .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}

.layout-50-50 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-50-50 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-50-50 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-50-50 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-50 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-50-50 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-50-50 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-50 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-50-50 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}

.layout-33-33-33 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-33-33-33 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-33-33-33 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-33-33-33 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-33-33-33 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-33-33-33 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-33-33-33 .mdc-layout-grid__cell {
    width: calc(33.3333333333% - 1.5em);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-33-33-33 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 4;
          grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .layout-33-33-33 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}

.layout-50-25-25 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-50-25-25 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-50-25-25 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-50-25-25 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-50-25-25 .mdc-layout-grid__cell {
    width: calc(25% - 1.5em);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
.layout-50-25-25 .mdc-layout-grid__cell:first-child {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-50-25-25 .mdc-layout-grid__cell:first-child {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-50-25-25 .mdc-layout-grid__cell:first-child {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-50-25-25 .mdc-layout-grid__cell:first-child {
    width: calc(100% - 1.5em);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell:first-child {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell:first-child {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-50-25-25 .mdc-layout-grid__cell:first-child {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell:first-child {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-50-25-25 .mdc-layout-grid__cell:first-child {
      margin: 0;
    }
  }
}

.layout-25-25-50 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-25-25-50 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-25-25-50 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-25-25-50 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-25-25-50 .mdc-layout-grid__cell {
    width: calc(25% - 1.5em);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
.layout-25-25-50 .mdc-layout-grid__cell:last-child {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-25-25-50 .mdc-layout-grid__cell:last-child {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-25-25-50 .mdc-layout-grid__cell:last-child {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-25-25-50 .mdc-layout-grid__cell:last-child {
    width: calc(100% - 1.5em);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell:last-child {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell:last-child {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-25-25-50 .mdc-layout-grid__cell:last-child {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell:last-child {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-25-25-50 .mdc-layout-grid__cell:last-child {
      margin: 0;
    }
  }
}

.layout-25-50-25 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-25-50-25 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-25-50-25 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-25-50-25 .mdc-layout-grid__cell {
    width: calc(33.3333333333% - 1.5em);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 2;
          grid-column-end: span 2;
    }
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-25-50-25 .mdc-layout-grid__cell {
    width: calc(25% - 1.5em);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
.layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
    width: calc(33.3333333333% - 1.5em);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
      width: auto;
      -ms-grid-column-span: 2;
          grid-column-end: span 2;
    }
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-25-50-25 .mdc-layout-grid__cell:nth-child(2) {
      margin: 0;
    }
  }
}

.layout-25-25-25-25 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-25-25-25-25 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-25-25-25-25 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-25-25-25-25 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-25-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-25-25-25-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-25-25-25-25 .mdc-layout-grid__cell {
    width: calc(25% - 1.5em);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-25-25-25-25 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-25-25-25-25 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}

.layout-multi-row-1 .mdc-layout-grid__cell {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-multi-row-1 .mdc-layout-grid__cell {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-multi-row-1 .mdc-layout-grid__cell {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-multi-row-1 .mdc-layout-grid__cell {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-multi-row-1 .mdc-layout-grid__cell {
    width: calc(25% - 1.5em);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell {
      width: auto;
      -ms-grid-column-span: 3;
          grid-column-end: span 3;
    }
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell {
      margin: 0;
    }
  }
}
.layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
  width: calc(100% - 1.5em);
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 1.5em));
  box-sizing: border-box;
  margin: 0.75em;
  margin: calc(var(--mdc-layout-grid-gutter-phone, 1.5em) / 2);
}
@supports (display: grid) {
  .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
    width: auto;
    -ms-grid-column-span: 4;
        grid-column-end: span 4;
  }
}
@supports (display: grid) {
  .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
    width: calc(100% - 1.5em);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
      margin: 0;
    }
  }
}
@media (min-width: 1024px) {
  .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
    width: calc(50% - 1.5em);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 1.5em));
    box-sizing: border-box;
    margin: 0.75em;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 1.5em) / 2);
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
      width: auto;
      -ms-grid-column-span: 6;
          grid-column-end: span 6;
    }
  }
  @supports (display: grid) {
    .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(1), .layout-multi-row-1 .mdc-layout-grid__cell:nth-child(6) {
      margin: 0;
    }
  }
}