@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Manrope&family=Syne:wght@700&display=swap");

.inter {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.syne {
    font-family: "Syne", sans-serif;
}

.inter b,
.inter strong {
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

.bigFontSize1 {
    font-size: 4.45vw;
    line-height: 1;
}

.titleFontSize1 {
    font-size: 3.53vw;
    line-height: 1;
}

.titleFontSize2 {
    font-size: 2.46vw;
    line-height: 1.4;
}

.textFontSize1 {
    font-size: 1.07vw;
    line-height: 1.2;
}

.textFontSize2 {
    font-size: 1.15vw;
    line-height: 1.15;
}

.spanFontSize {
    font-size: 0.92vw;
    line-height: 1.2;
}

@media only screen and (max-width: 740px) {
    .bigFontSize1,
    .titleFontSize1,
    .titleFontSize2 {
        font-size: 7vw;
    }

    .textFontSize1 {
        font-size: 4.25vw;
    }

    .textFontSize2 {
        font-size: 5.33vw;
    }

    .spanFontSize {
        font-size: 2.66vw;
    }
}