.events-grid {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.events-grid .view-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 25px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}
.events-grid .event-teaser__content-wrapper {
  justify-content: flex-start;
}
.events-grid .views-row {
  display: contents;
}

.events-grid .pager__items {
  margin-top: 2rem;
}

@media (min-width: 600px) {
  .events-grid .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) {
  .events-grid {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .events-grid .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1250px) {
  .events-grid .view-content {
    grid-template-columns: repeat(4, 1fr);
  }
}