section#location-hero {
  width: 100%;
  height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: var(--light-blue);
  color: var(--dark-blue);
}
section#location-hero h1 {
  font-size: 5rem;
}
section#location-hero h2 {
  font-size: 2.5rem;
  color: var(--primary-blue);
}

section#locations {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  gap: 10rem;
  padding-block: 8rem;
}

section#locations div.location-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  gap: 2rem;
}
div#lc-store div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
div.location-block div h2 {
  font-size: 2.4rem;
  color: var(--dark-blue);
}
p.location-block-subheading {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--primary-blue);
}
p.location-block-desc {
  font-size: 18px;
}
p.lc-desc {
  text-align: end;
}

section#locations div.location-block img.location-image {
  width: 600px;
  box-shadow: -2px 2px 10px #333;
  border-radius: 12px;
}

a.location-nav-link {
  background-color: var(--dark-blue);
  color: var(--white);
  padding: 1rem 3rem;
  border-radius: 10px;
  box-shadow: -1px 1px 8px #333;
}