@media (max-width: 768px) {
  .hero p {
    font-size: var(--font-size-lg);
  }
  .form .grid {
    grid-template-columns: 1fr;
  }
  .form .grid > div:nth-child(n+1) {
    grid-column: span 1;
  }
  .cta .flex {
    flex-direction: column;
  }
}
.hero {
  padding: var(--spacing-12) var(--spacing-4);
}
.contact-info, .location, .hours, .areas, .form, .chat {
  text-align: center;
}
.cta {
  text-align: center;
}
.form label {
  display: block;
  margin-bottom: var(--spacing-2);
  font-weight: 500;
}
.form .input {
  margin-bottom: var(--spacing-4);
}