html body.booking-page .phead.dc-booking-photo-hero > .dc-booking-hero-grid {
  box-sizing: border-box;
  width: min(100%, 1400px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(22px, 5vw, 76px) !important;
}

html body.booking-page .dc-booking-photo-hero .dc-booking-hero-copy h1,
html body .phead.dc-photo-hero .wrap:has(.dc-service-crumb) h1.h1 {
  font-size: clamp(1.8rem, 1.3rem + 1.9vw, 3rem) !important;
}

@media (min-width: 1024px) {
  html body.booking-page .appt-steps {
    max-width: 1200px;
  }

  html body.booking-page .dc-four-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 32px);
    padding-inline: 0;
  }

  html body.booking-page .dc-four-steps > .step {
    display: block;
    min-width: 0;
    padding: 1rem 0 0;
  }

  .dc-four-steps > .step > .num {
    display: inline-block;
    margin-bottom: .5rem;
  }
}