/* Typography Overrides */

html, body {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
}

.superheader div h1 {
  font-size: 4rem !important;
  line-height: 3.75rem !important;
  font-weight: 500 !important;
}

h1 {
  font-size: 2.8rem !important;
  line-height: 3rem !important;
  font-weight: 500 !important;
}

h2 {
  font-size: 1.75rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
}

h3,
em {
  font-size: 1.4rem !important;
  line-height: 1.7rem !important;
}

p {
  font-size: 1.1rem !important;
  line-height: 1.6rem !important;
}

.li-p *,
.li-p {
  font-size: 0.9rem !important;
  line-height: 1.3rem !important;
}

.li-p2 *,
.li-p2 {
  font-size: 0.8rem !important;
  line-height: 1.1rem !important;
}

.p2 p {
  font-size: 0.9rem !important;
  line-height: 1.3rem !important;
}

li * {
  font-size: 0.6rem !important;
}

.elementor-button {
  font-size: 1rem !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .superheader div h1 {
    font-size: 3rem !important;
    line-height: 2.75rem !important;
    font-weight: 500 !important;
  }

  h1 {
    font-size: 2.4rem !important;
    line-height: 2.6rem !important;
  }

  h2 {
    font-size: 1.5rem !important;
    line-height: 1.7rem !important;
  }

  h3,
  em {
    font-size: 1.3rem !important;
    line-height: 1.5rem !important;
  }

  p,
  .p-extra {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .li-p {
    font-size: 0.8rem !important;
    line-height: 1.3rem !important;
  }

  .p2 p {
    font-size: 0.8rem !important;
    line-height: 1.3rem !important;
  }

  li * {
    font-size: 0.6rem !important;
  }

  .elementor-button {
    font-size: 0.8rem !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .superheader div h1 {
    font-size: 2.5rem !important;
    line-height: 2.25rem !important;
    font-weight: 500 !important;
  }

  h1 {
    font-size: 2rem !important;
    line-height: 2.3rem !important;
  }

  h2 {
    font-size: 1.25rem !important;
    line-height: 1.4rem !important;
  }

  h3,
  em {
    font-size: 1.3rem !important;
    line-height: 1.5rem !important;
  }

  p,
  .p-extra {
    font-size: 0.95rem !important;
    line-height: 1.3rem !important;
  }

  .li-p {
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
  }

  .p2 p {
    font-size: 0.8rem !important;
    line-height: 1.3rem !important;
  }

  li * {
    font-size: 0.6rem !important;
  }

  .elementor-button {
    font-size: 0.8rem !important;
  }
}