.hero h1 {
  font-size: 48px;
}
.hero p {
  font-size: 16px;
}
.eyebrow {
  font-size: 11px;
}
.button {
  font-size: 14px;
}
.benefits h2 {
  font-size: 16px;
  font-weight: 800;
}
.benefits p {
  font-size: 14px;
}
.section-title {
  font-size: 22px;
}
.service h3 {
  font-size: 16px;
  font-weight: 800;
}
.service p {
  font-size: 14px;
}
.equipment-list article {
  font-size: 14px;
}
.doctor h2,
.news h2 {
  font-size: 18px;
}
.doctor h3 {
  font-size: 16px;
}
.doctor p {
  font-size: 14px;
}
.notice {
  font-size: 14px;
}
.emergency h2 {
  font-size: 22px;
}
.emergency p {
  font-size: 14px;
}
.footer-grid h2 {
  font-size: 16px;
}
.footer-grid p,
table {
  font-size: 15px;
}
@media (max-width: 700px) {
  .hero h1 {
    font-size: 37px;
  }
  .hero p {
    font-size: 14px;
  }
  .button {
    font-size: 11px;
  }
  .benefits h2 {
    font-size: 14px;
  }
  .benefits p {
    font-size: 14px;
  }
  .section-title {
    font-size: 20px;
  }
  .service h3 {
    font-size: 14px;
  }
  .service p {
    font-size: 11px;
  }
  .equipment-list article {
    font-size: 11px;
  }
  .doctor h2,
  .news h2 {
    font-size: 16px;
  }
  .doctor h3 {
    font-size: 14px;
  }
  .doctor p {
    font-size: 11px;
  }
  .notice {
    font-size: 14px;
  }
  .emergency h2 {
    font-size: 18px;
  }
  .emergency p {
    font-size: 14px;
  }
  .footer-grid h2 {
    font-size: 15px;
  }
  .footer-grid p,
  table {
    font-size: 16px;
  }
}