/* Homepage typography proportion fixes */

.site-nav {
  min-height: 84px !important;
  padding: 1.2rem 6vw !important;
}

.site-nav .nav-logo img {
  width: 44px !important;
  height: 44px !important;
}

.site-nav-links a {
  font-size: clamp(1.28rem, 1.55vw, 1.55rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.075em !important;
  color: #F7F8F7 !important;
  opacity: 1 !important;
}

.hero-brand {
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
}

.contact h2 {
  font-size: clamp(3.3rem, 5.4vw, 5rem) !important;
}

.contact-link {
  font-size: clamp(1rem, 1.05vw, 1.12rem) !important;
  min-height: 60px !important;
  padding: 1.1rem 2rem !important;
}

.home-footer {
  font-size: clamp(1.02rem, 1.08vw, 1.16rem) !important;
  line-height: 1.55 !important;
}

.socials a {
  font-size: 1.05rem !important;
}

.privacy {
  max-width: 58rem !important;
  font-size: clamp(0.98rem, 1.02vw, 1.08rem) !important;
  line-height: 1.72 !important;
}

@media (max-width: 900px) {
  .site-nav {
    min-height: 76px !important;
  }

  .site-nav .nav-logo img {
    width: 40px !important;
    height: 40px !important;
  }

  .site-nav-links a {
    font-size: 1.24rem !important;
  }

  .home-footer {
    font-size: 1rem !important;
  }

  .privacy {
    font-size: 0.94rem !important;
    max-width: 32rem !important;
  }
}