.section-text-and-media {
  padding: var(--site-space-lg) 0;
}
.section-text-and-media__wrapper {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.section-text-and-media__content {
  display: -ms-grid;
  display: grid;
  grid-column-gap: var(--site-grid-gap);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.section-text-and-media__content-wrapper {
  grid-column: 1/-1;
}
@media only screen and (max-width: 1023px) {
  .section-text-and-media__primary-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    grid-column: 1/-1;
  }
  .section-text-and-media__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    grid-column: 1/-1;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--site-space-md);
  }
  .section-text-and-media__secondary-image {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    margin-top: var(--site-space-md);
  }
  .section-text-and-media.inverse .section-text-and-media__secondary-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 600px) {
  .section-text-and-media__primary-image, .section-text-and-media__content-wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .section-text-and-media.inverse .section-text-and-media__primary-image, .section-text-and-media.inverse .section-text-and-media__content-wrapper {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2/5;
  }
}
@media only screen and (min-width: 1024px) {
  .section-text-and-media__content {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column: 2/7;
  }
  .section-text-and-media__primary-image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8/13;
  }
  .section-text-and-media.offset .section-text-and-media__content {
    margin-top: var(--site-space-lg);
  }
  .section-text-and-media.inverse .section-text-and-media__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    grid-column: 7/12;
  }
  .section-text-and-media.inverse .section-text-and-media__primary-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
  }
  .section-text-and-media.extended .section-text-and-media__content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
  }
  .section-text-and-media.extended .section-text-and-media__primary-image {
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7/13;
  }
  .section-text-and-media.inverse.extended .section-text-and-media__content {
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8/13;
  }
  .section-text-and-media.inverse.extended .section-text-and-media__primary-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
  }
  .section-text-and-media__secondary-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    margin-top: var(--site-space-lg);
  }
}