/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;
}
}