@media(max-width:1000px) {
  .media-grid.media-carousel {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:760px) {
  .media-grid.media-carousel {
    grid-template-columns: minmax(0, 1fr)
  }

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

  .media-navigation {
    width: 100%;
    justify-content: space-between
  }
}