#map, #search, #legend {
  margin-left: 10px;
}
#map, #search {
  text-align: center;
}
#sites {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.site img {
    width: 100%;
    height: 150px;
}
.caption {
  font-size: 11px;
  font-weight: bold;
  text-transform:uppercase;
}
.data-block {
  display: none;
}
@media (width >= 576px) {
  #sites {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (width >= 768px) {
  #sites {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (width >= 992px) {
  #sites {
    grid-template-columns: repeat(6, 1fr);
  }
}