.city-hero__sub {
  margin: -6px 0 14px;
  font-family: "Caveat", "Segoe Script", "Bradley Hand", cursive;
  color: #1e2340;
  font-size: 1.5rem;
}

.city-branches {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media (min-width: 576px) {
  .city-branches {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .city-branches {
    grid-template-columns: repeat(6, 1fr);
  }
}

.city-layout {
  display: grid;
  gap: 26px;
}
@media (min-width: 1024px) {
  .city-layout {
    grid-template-columns: 1fr 320px;
    align-items: start;
  }
}

.city-aside {
  display: grid;
  gap: 20px;
}
@media (min-width: 1024px) {
  .city-aside {
    position: sticky;
    top: 88px;
  }
}

/*# sourceMappingURL=cities.css.map */