html { font-size: 10px; }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    html { font-size: 0.85vw; }
}

@media only screen and (min-width: 1441px) {
    html { font-size: 0.6945759vw; }
}

:root {
    /* Headings */
    --fs-h1: clamp(3.8rem, 1.607vw + 3.286rem, 5.6rem);
    --fs-h2: clamp(2.8rem, 0.714vw + 2.571rem, 3.6rem);
    --fs-h3: clamp(2.4rem, 0.357vw + 2.286rem, 2.8rem);
    --fs-h4: clamp(1.8rem, 0.179vw + 1.743rem, 2rem);
    --fs-body: calc(1.6rem + ((1vw - 0.48rem) * 0.2778));
}