@media(max-width:900px){
  .archive-hero-grid{grid-template-columns:1fr}
  .activity-card,.activity-card:nth-child(3n+1),.activity-card:nth-child(3n+2){grid-column:span 12}
}
@media(max-width:720px){
  .archive-hero{padding-top:120px}
  .activity-card-media{height:360px}
  .activity-card-info{grid-template-columns:1fr}
  .activity-card-stats{text-align:left}
}