/* Font anti-aliasing fix for Mac users */
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  color: var(--dark-color);
  font-family: 'Heebo', sans-serif;
  font-weight: 900;
}

body {
  color: var(--text-color);
  font-family: 'Heebo', sans-serif;
  font-size: 16px !important;
}

h1, .h1 {
  font-size: 26px !important;
}

h2, .h2 {
  font-size: 22px !important;
}

h3, .h3 {
  font-size: 18px !important;
}

.lead {
  font-size: 18px !important;
}

.fw-bold {
  font-weight: 900 !important;
}

@media only screen and (min-width: 768px) {

  body {
    font-size: 18px !important;
  }

  h1, .h1 {
    font-size: 28px !important;
  }

  h2, .h2 {
    font-size: 24px !important;
  }

  h3, .h3 {
    font-size: 20px !important;
  }

  .lead {
    font-size: 20px !important;
  }
}