/home/thegtkjw/cresviafinancial.com/assets__549d4a8/front/sass/base/_typography.scss
h1,
h2,
h3,
h4,
h4,
h5 {
  font-family: var(--font-outfit);
  line-height: 1;
  padding: 0px;
  margin: 0px;
}

h2,
h3,
h4,
h4,
h5 {
  font-weight: 500;
}

h1 {
  font-size: 94px;
  font-weight: 600;

  @include screen-1440 {
    font-size: 64px;
  }

  @include screen-1200 {
    font-size: 54px;
  }

  @include screen-992 {
    font-size: 48px;
  }

  @include screen-768 {
    font-size: 42px;
  }
}

h2 {
  font-size: 64px;
  line-height: 74px;
  color: var(--h2-color);

  @include screen-1440 {
    font-size: 54px;
    line-height: 64px;
  }

  @include screen-1200 {
    font-size: 48px;
    line-height: 120%;
  }

  @include screen-992 {
    font-size: 42px;
  }

  @include screen-768 {
    font-size: 32px;
  }
}


h3 {
  font-size: 40px;
  line-height: 50px;
  color: var(--h3-color);

  @include screen-1440 {
    font-size: 32px;
    line-height: 120%;
  }

  @include screen-992 {
    font-size: 24px;
  }
}

h4,
.h4 {
  font-size: 30px;
  line-height: 40px;
  color: var(--h3-color);

  @include screen-1440 {
    font-size: 26px;
    line-height: 120%;
  }

  @include screen-992 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
  line-height: 30px;
  color: var(--h3-color);

  @include screen-1440 {
    font-size: 18px;
    line-height: 120%;
  }

  @include screen-992 {
    font-size: 16px;
  }

}

h6 {
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-weight: 500;
  color: var(--h3-color);
  font-family: var(--font-outfit);

  @include screen-1440 {
    font-size: 16px;
    line-height: 120%;
  }

  @include screen-992 {
    font-size: 14px;
  }
}

p {
  font-family: var(--font-jakarta);
  font-size: 18px;
  line-height: 28px;
  color: var(--paragraph-color);

  @include screen-1440 {
    font-size: 16px;
  }

  @include screen-992 {
    font-size: 14px;
  }


}