.locations-card-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1170px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.locations-card-container .card {
  width: 350px;
  display: inline-block;
  margin-bottom: 10px;

  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  border: 3px solid rgb(179 194 219);
}

@media (max-width: 576px) {
  .card {
    width: 100%;
  }
}