@media(max-width:1000px) {
  .media-grid.media-carousel {
    grid-auto-columns: calc((100% - 26px)/2)
  }
}

@media(max-width:760px) {
  .media-heading {
    align-items: start;
    flex-direction: column
  }

  .media-grid.media-carousel {
    grid-auto-columns: 88%
  }

  .media-copy h3 {
    font-size: 24px
  }

  .media-channel {
    align-items: start;
    flex-direction: column
  }

  .media-copy {
    padding: 22px
  }
}