h1 {
font-size: var(--font-3xl);
line-height: var(--lh-3xl);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-3xl-mobile);
}
}
h2 {
font-size: var(--font-2xl);
line-height: var(--lh-2xl);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-2xl-mobile);
}
}
h3 {
font-size: var(--font-xl);
line-height: var(--lh-xl);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-xl-mobile);
}
}
h4 {
font-size: var(--font-lrg);
line-height: var(--lh-lrg);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-lrg-mobile);
}
}
h5 {
font-size: var(--font-md);
line-height: var(--lh-md);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-md-mobile);
}
}
h6 {
font-size: var(--font-sm);
line-height: var(--lh-sm);
font-family: var(--font-titles);
font-weight: 400;
@media(max-width: 768px) {
font-size: var(--font-sm-mobile);
}
}
p,
ul,
li,
div {
font-size: var(--font-base);
line-height: var(--lh-base);
font-family: var(--font-text);
}
a {
font-family: var(--font-text);
border-bottom: 2px solid var(--color-rust);
display: inline-block;
padding: 8px 20px;
text-decoration: none;
color: var(--color-black);
font-size: var(--font-base);
}