.f-responsive-xl{
    font-size: 6.5vw !important;
}
.f-responsive-lg{
    font-size: 5.4vw !important;
}
.f-responsive-md{
    font-size: 5vw !important;
}

.f-responsive-sm{
    font-size: 3.7vw !important;
}
.f-responsive-ssm{
    font-size: 3.1vw !important;
}
@media only screen and (max-width: 1400px) {
    .main-button {
        font-size: 2vw !important;
    }

    .f-responsive-xl {
        font-size: 10vw !important;
    }

    .f-responsive-md {
        font-size: 5vw !important;
    }

    .f-responsive-sm {
        font-size: 4vw !important;
    }
    .f-responsive-ssm {
        font-size: 3.2vw !important;
    }
}
@media only screen and (max-width: 1000px) {
    .f-responsive-xl {
        font-size: 12vw !important;
    }

    .f-responsive-md {
        font-size: 6vw !important;
    }

    .f-responsive-sm {
        font-size: 4vw !important;
    }

    .f-responsive-sm {
        font-size: 3.3vw !important;
    }
}

@media only screen and (max-width: 768px) {
    .f-responsive-xl{
        font-size: 16vw !important;
    }
    .f-responsive-md{
        font-size: 8vw !important;
    }
    .f-responsive-lg{
        font-size: 12vw !important;
    }
    .f-responsive-sm{
        font-size: 7vw !important;
    }

    .f-responsive-ssm{
        font-size: 5vw !important;
    }
}