/* --------1920-------- */

.p{
    font-size: 20px;
    font-family: "Onest", sans-serif;
    font-weight: 400;
    line-height: normal;
}

.h2{
    font-size: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 105%;
}

.h2-mon{
    font-size: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 105%;
}

.h3{
    font-size: 24px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    line-height: normal;
}

.h3-mon{
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: normal;
}

.header-txt{
    font-size: 18px;
    font-family: "Onest", sans-serif;
    font-weight: 400;
    line-height: normal;
}

.top-zag{
    font-size: 130px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 105%;
}

.top-txt{
    font-size: 24px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    line-height: normal;
}

.numbers{
    font-size: 80px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    line-height: normal;
}

.footer-zag{
    font-size: 90px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 105%;
}

.footer-txt{
    font-size: 28px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    line-height: normal;
}

.small-txt{
    font-size: 16px;
    font-family: "Onest", sans-serif;
    font-weight: 400;
    line-height: normal;
}

.made-txt{
    font-size: 18px;
    font-family: "Onest", sans-serif;
    font-weight: 300;
    line-height: 22px;
}


/* --------2560-------- */

@media screen and (min-width: 2500px) {
    .p{
        font-size: 26px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .h2{
        font-size: 65px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 105%;
    }

    .h2-mon{
        font-size: 65px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 105%;
    }

    .h3{
        font-size: 32px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .h3-mon{
        font-size: 32px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .header-txt{
        font-size: 24px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .top-zag{
        font-size: 170px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .top-txt{
        font-size: 32px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .numbers{
        font-size: 106px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .footer-zag{
        font-size: 120px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .footer-txt{
        font-size: 35px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .small-txt{
        font-size: 20px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .made-txt{
        font-size: 24px;
        font-family: "Onest", sans-serif;
        font-weight: 300;
        line-height: 29.3px;
    }
}


/* --------1440-------- */

@media screen and (max-width: 1900px) {
    .p{
        font-size: 15px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .h2{
        font-size: 38px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 105%;
    }

    .h2-mon{
        font-size: 38px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 105%;
    }

    .h3{
        font-size: 18px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .h3-mon{
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .header-txt{
        font-size: 14px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .top-zag{
        font-size: 98px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .top-txt{
        font-size: 18px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .numbers{
        font-size: 60px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .footer-zag{
        font-size: 68px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .footer-txt{
        font-size: 21px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .small-txt{
        font-size: 12px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .made-txt{
        font-size: 13px;
        font-family: "Onest", sans-serif;
        font-weight: 300;
        line-height: 16.5px;
    }
}


/* --------1280-------- */

@media screen and (max-width: 1420px) {
    .p{
        font-size: 14px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .h2{
        font-size: 34px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 105%;
    }

    .h2-mon{
        font-size: 34px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 105%;
    }

    .h3{
        font-size: 16px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .h3-mon{
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .header-txt{
        font-size: 13px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .top-zag{
        font-size: 88px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .top-txt{
        font-size: 16px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .numbers{
        font-size: 54px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .footer-zag{
        font-size: 60px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .footer-txt{
        font-size: 19px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .small-txt{
        font-size: 12px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .made-txt{
        font-size: 12px;
        font-family: "Onest", sans-serif;
        font-weight: 300;
        line-height: 14.7px;
    }
}


/* --------375-------- */

@media screen and (max-width: 430px) {
    .p{
        font-size: 17px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .h2{
        font-size: 10vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 105%;
    }

    .h2-mon{
        font-size: 10vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 105%;
    }

    .h3{
        font-size: 22px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .h3-mon{
        font-size: 22px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .header-txt{
        font-size: 36px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .top-zag{
        font-size: 14vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .top-txt{
        font-size: 22px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .numbers{
        font-size: 50px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .footer-zag{
        font-size: 14vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 105%;
    }

    .footer-txt{
        font-size: 22px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
        line-height: normal;
    }

    .small-txt{
        font-size: 14px;
        font-family: "Onest", sans-serif;
        font-weight: 400;
        line-height: normal;
    }

    .made-txt{
        font-size: 18px;
        font-family: "Onest", sans-serif;
        font-weight: 300;
        line-height: 29.3px;
    }
}