#html-body {
  h1,
  .h1 {
    font-family: "Roboto Condensed", Arial;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    text-decoration: none;
  }

  h2,
  .h2 {
    font-family: "Roboto Condensed", Arial;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    text-decoration: none;
  }

  h3,
  .h3 {
    font-family: "Roboto Condensed", Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
  }

  h4,
  .h4 {
    font-family: "Roboto Condensed", Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
  }

  .preamble,
  .preamble span,
  .preamble p,
  .preamble div {
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    letter-spacing: 0.36px;
  }

  .body-text,
  p,
  li {
    font-family: Georgia, "Times New Roman";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
  }

  .body-link,
  .nav.item,
  a {
    font-family: Georgia, "Times New Roman";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    background-color: transparent;
  }
  
  p > a {
    text-decoration: underline;
    text-decoration-color: var(--green-light);
    text-underline-offset: 2px;
  }
  
  a > span {
    background-color: inherit;
    color: inherit;
  }

  .body-small,
  .body-small p,
  .body-small span {
    font-family: Georgia, "Times New Roman";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
  }

  button,
  .button,
  .button span,
  .button-text,
  .button a,
  .button a span
  .button-outline,
  .button-outline span,
  .button-outline a,
  .button-outline a span,
  .button-small,
  .button-small a,
  .button-small a span
  .button-small-outline,
  .button-small-outline span,
  .button-small-outline a,
  .button-small-outline a span,
  .primary a,
  .primary span,
  .primary a span,
  .primary,
  .pagebuilder-button-primary,
  .pagebuilder-button-primary a,
  .pagebuilder-button-primary span,
  .pagebuilder-button-primary a span,
  .pagebuilder-button-secondary,
  .pagebuilder-button-secondary a,
  .pagebuilder-button-secondary span,
  .pagebuilder-button-secondary a span {
    font-family: "Roboto Condensed", Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.36px;
    text-decoration-line: none;
    color: inherit;
  }

  .input-label,
  label {
    font-family: "Roboto Condensed", Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }

  .navigation-link,
  .ui-menu-item a,
  .header.content nav.navigation li a,
  .header.contentnav.navigation li a span {
    font-family: "Roboto Condensed","Arial Narrow",Arial,system-ui,sans-serif;;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
  }

  strong {
    font-weight: 600;
  }

  @media (min-width: 1025px) {
    h1,
    .h1 {
      font-size: 68px;
    }

    h2,
    .h2 {
      font-size: 44px;
    }

    h3,
    .h3 {
      font-size: 28px;
    }

    h4,
    .h4 {
      font-size: 18px;
    }

    .preamble,
    .preamble span,
    .preamble p,
    .preamble div {
      font-size: 22px;
      letter-spacing: 0.44px;
    }

    .body-text,
    li,
    p {
      font-size: 18px;
    }

    .body-link,
    .nav.item,
    a {
      font-size: 18px;
    }

    .body-small,
    .body-small p,
    .body-small span {
      font-size: 16px;
    }

    .input-label,
    label {
      font-size: 16px;
    }

    .navigation-link,
    .ui-menu-item a,
    .header.content nav.navigation li a,
    .header.content nav.navigation li a span {
      font-size: 18px;
    }
  }
}