body {
  font-size: var(--site-font-size-base);
  line-height: var(--site-line-height-base);
}

body :is(input, textarea, select, button) {
  font: inherit;
}

main h1,
.footer h1 {
  font-size: calc(var(--site-font-size-base) * 2.75) !important;
  line-height: 1.1;
}

main h2,
.footer h2,
main .order-form-title,
main .glass-section-heading {
  font-size: calc(var(--site-font-size-base) * 2) !important;
  line-height: 1.2;
}

main h3,
.footer h3,
main .service-title,
main .review-name,
main .info-title {
  font-size: calc(var(--site-font-size-base) * 1.5) !important;
  line-height: 1.25;
}

main p,
main li,
main input,
main textarea,
main select,
main button:not(.carousel-nav):not(.intro-carousel-nav):not(.circle-btn),
main a.location-link,
main .service-description,
main .service-price,
main .review-title,
main .review-text-box,
main .info-text,
main .glass-icon-label,
main .custom-dropdown .selected,
main .toggle-label,
main .feedback-info-box,
main .contact-glass-box a,
.footer p,
.footer li,
.footer a,
.footer-btn,
.footer-contact {
  font-size: var(--site-font-size-base) !important;
  line-height: var(--site-line-height-base);
}

.footer-bottom {
  font-size: calc(var(--site-font-size-base) * 0.875) !important;
  line-height: var(--site-line-height-base);
}

.overlay h1,
.after-intro-title,
.services-title h1,
.gallery-title,
.about-heading h2,
.reviews-title,
.feedback-glass h1,
.section-title {
  font-size: calc(var(--site-font-size-base) * 2) !important;
  line-height: 1.2;
}