#alternateLocationsSection {
  margin-bottom:45px;
}

#alternateLocationsSection .alternate-locations-intro {
  max-width:760px;
  margin:0 auto 22px;
  text-align:center;
}

#alternateLocationsCards .alternate-location-cards {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  text-align:center;
}

#alternateLocationsCards .alternate-location-card {
  background:#fff;
  border:none;
  border-radius:8px;
  box-shadow:0 3px 14px rgba(0,0,0,0.12);
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  text-align:center;
}

#alternateLocationsCards .alternate-location-image {
  display:block;
  position:relative;
  background:#f4f4f4;
  overflow:hidden;
  aspect-ratio:2/1;
}

#alternateLocationsCards .alternate-location-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#alternateLocationsCards .alternate-location-distance {
  position:absolute;
  right:10px;
  bottom:10px;
  background:#ffe001;
  color:#000;
  border-radius:999px;
  padding:7px 12px;
  font-weight:bold;
  font-size:13px;
  line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,0.25);
}

#alternateLocationsCards .alternate-location-name {
  display:block;
  background:#ffe001;
  color:#000;
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
  line-height:1.25;
  padding:10px 12px;
}
  
#alternateLocationsCards .alternate-location-body {
  padding:12px;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:center;
}

#alternateLocationsCards .alternate-location-address {
  font-size:13px;
  line-height:1.35;
  margin:0 0 14px;
  color:#555;
}

#alternateLocationsCards .alternate-location-button {
  margin-top:auto;
}

@media(max-width:991px) {
  #alternateLocationsCards .alternate-location-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:575px) {
  #alternateLocationsCards .alternate-location-cards {
    grid-template-columns: 1fr;
  }
}