.heading-1 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 101px;
    line-height: 1.05;
    letter-spacing: -2.02px;
    text-transform: uppercase;
}

.heading-2 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 56px;
    line-height: 1.06;
    letter-spacing: -0.392px;
    text-transform: uppercase;
}

.heading-3 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 44px;
    line-height: 1.06;
    letter-spacing: 0;
    text-transform: uppercase;
}

.heading-4 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 31px;
    line-height: 1.06;
    letter-spacing: 1.55px;
    text-transform: uppercase;
}

.heading-5 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.heading-6 {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.06;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.category-name {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 27px;
    line-height: 1.06;
    letter-spacing: 0;
    text-transform: uppercase;
}

.body-big {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 19px;
    line-height: 1.35;
    letter-spacing: -0.19px;
}

.body-big-strong {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: 0;
}

.body {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: 0;
}

.body-strong {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: 0;
}

.body-small {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
}

.body-small-strong {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
}

.caption {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.247px;
}

.button-primary-label {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.342px;
}

.button-secondary-label {
    font-family: var(--font-button-secondary);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.06;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.breadcrumbs-label {
    font-family: var(--font-button-secondary);
    font-weight: 700;
    font-size: 11px;
    line-height: 1.06;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .heading-1 {
        font-size: 65px;
        line-height: 0.93;
        letter-spacing: -1.3px;
    }

    .heading-2 {
        font-size: 40px;
        letter-spacing: -0.28px;
    }

    .heading-3 {
        font-size: 33px;
    }

    .heading-4 {
        font-size: 15px;
        letter-spacing: 0.75px;
    }

    .heading-5 {
        font-size: 15px;
        letter-spacing: 0.75px;
    }

    .heading-6 {
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 1.04px;
    }

    .category-name {
        font-size: 20px;
    }

    .body-big {
        font-size: 17px;
        letter-spacing: -0.17px;
    }

    .body-big-strong {
        font-size: 17px;
    }

    .body {
        font-size: 15px;
    }

    .body-strong {
        font-size: 15px;
    }

    .body-small {
        font-size: 13px;
    }

    .body-small-strong {
        font-size: 13px;
    }
}