/* Site-wide typography requested for the main navigation and page H1. */
body,
body :is(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, label) {
  font-family: 'Outfit', sans-serif;
}

.main-nav .nav-link {
  font-size: 16px;
}

h1,.hero-title{font-size:56px!important}
h2{font-size:40px!important}
h3{font-size:22px!important}
h4{font-size:18px!important}

/* Slider panel is supporting content, so keep its compact hierarchy. */
.dashboard-summary h3{font-size:15px!important}

@media (max-width: 760px) {
  .main-nav .nav-link {
    font-size: 16px;
  }

  h1,.hero-title{font-size:48px!important}
  h2{font-size:32px!important}
  h3{font-size:20px!important}
  h4{font-size:16px!important}
}