.venue-filters {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.venue-filters .query-filter {
  grid-column: span 2;
}

.venue-filter-note {
  margin: 9px 16px 0;
  color: var(--muted);
  font-size: 11px;
}

@media (max-width: 850px) {
  .venue-filters {
    grid-template-columns: 1fr 1fr;
  }

  .venue-filters .query-filter {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .venue-filters {
    grid-template-columns: 1fr;
  }

  .venue-filters .query-filter {
    grid-column: auto;
  }
}