* {
    --font-size-s: 16px;
    --font-size-m: 18px;
    --font-size-l: 20px;
    --font-size-xl: 28px;
    --font-size-xxl: 34px;
    --font-size-xxxl: 48px;
    --font-size-EXXXL: 84px;

    --letter-spacing-s: 0.4px;
}
@media screen and (min-width: 720px) {
    * {
        --font-size-s: 16px;
        --font-size-m: 18px;
        --font-size-l: 24px;
        --font-size-xl: 32px;
        --font-size-xxl: 40px;
        --font-size-EXXXL: 100px;
        /* --font-size-xxxl: 64px; */

        --letter-spacing-s: 0.8px;
    }

}
@media screen and (min-width: 1024px) {
    * {
        --font-size-xxxl: 64px;
        --font-size-EXXXL: 132px;
    }
}
h1 {
    font-family: 'Gilroy-Bold';
    font-size: var(--font-size-xxxl);
}
h2 {
    font-family: 'Gilroy-Bold';
    font-size: var(--font-size-xxl);
}
h3 {
    font-family: 'Gilroy-Semibold';
    font-size: var(--font-size-xl);
}
h4 {
    font-family: 'Gilroy-Semibold';
    font-size: var(--font-size-l);
}
h5 {
    font-family: 'Gilroy-Semibold';
    font-size: var(--font-size-m);
}
h6 {
    font-family: 'Gilroy-Semibold';
    font-size: var(--font-size-s);
}
p {
    font-family: 'Gilroy-Medium';
}