@font-face {
    font-family: "Google Sans Regular";
    src: url("/fonts/Google_Sans/GoogleSans-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "Google Sans Medium";
    src: url("/fonts/Google_Sans/GoogleSans-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "Google Sans SemiBold";
    src: url("/fonts/Google_Sans/GoogleSans-SemiBold.ttf") format('truetype');
}

@font-face {
    font-family: "Google Sans Bold";
    src: url("/fonts/Google_Sans/GoogleSans-Bold.ttf") format('truetype');
}

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

.txt{
    font-size: 16px;
    font-family: Google Sans Regular, sans-serif;
}

.zag1{
    font-size: 24px;
    font-family: Google Sans Medium, sans-serif;
}

.zag2{
    font-size: 20px;
    font-family: Google Sans Bold, sans-serif;
}

.zag3{
    font-size: 16px;
    font-family: Google Sans SemiBold, sans-serif;
}

.inp-txt{
    font-size: 15px;
    font-family: Google Sans Regular, sans-serif;
}

.btn-txt{
    font-size: 16px;
    font-family: Google Sans Medium, sans-serif;
}

.dop-txt{
    font-size: 11px;
    font-family: Google Sans Regular, sans-serif;
}

.menu-txt{
    font-size: 16px;
    font-family: Google Sans Regular, sans-serif;
}

.name-txt{
    font-size: 36px;
    font-family: Google Sans Bold, sans-serif;
    text-transform: uppercase;
}

.zag-m{
    font-size: 16px;
    font-family: Google Sans Medium, sans-serif;
}

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

@media screen and (min-width: 2500px) {
    .txt{
        font-size: 21px;
        font-family: Google Sans Regular, sans-serif;
    }

    .zag1{
        font-size: 32px;
        font-family: Google Sans Medium, sans-serif;
    }

    .zag2{
        font-size: 26px;
        font-family: Google Sans Bold, sans-serif;
    }

    .zag3{
        font-size: 21px;
        font-family: Google Sans SemiBold, sans-serif;
    }

    .inp-txt{
        font-size: 19px;
        font-family: Google Sans Regular, sans-serif;
    }

    .btn-txt{
        font-size: 21px;
        font-family: Google Sans Medium, sans-serif;
    }

    .dop-txt{
        font-size: 14px;
        font-family: Google Sans Regular, sans-serif;
    }

    .menu-txt{
        font-size: 21px;
        font-family: Google Sans Regular, sans-serif;
    }

    .name-txt{
        font-size: 48px;
        font-family: Google Sans Bold, sans-serif;
        text-transform: uppercase;
    }

    .zag-m{
        font-size: 21px;
        font-family: Google Sans Medium, sans-serif;
    }
}

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

@media screen and (max-width: 1900px) {
    .txt{
        font-size: 12px;
        font-family: Google Sans Regular, sans-serif;
    }

    .zag1{
        font-size: 18px;
        font-family: Google Sans Medium, sans-serif;
    }

    .zag2{
        font-size: 15px;
        font-family: Google Sans Bold, sans-serif;
    }

    .zag3{
        font-size: 12px;
        font-family: Google Sans SemiBold, sans-serif;
    }

    .inp-txt{
        font-size: 11px;
        font-family: Google Sans Regular, sans-serif;
    }

    .btn-txt{
        font-size: 12px;
        font-family: Google Sans Medium, sans-serif;
    }

    .dop-txt{
        font-size: 9px;
        font-family: Google Sans Regular, sans-serif;
    }

    .menu-txt{
        font-size: 12px;
        font-family: Google Sans Regular, sans-serif;
    }

     .name-txt{
        font-size: 28px;
        font-family: Google Sans Bold, sans-serif;
        text-transform: uppercase;
    }

    .zag-m{
        font-size: 12px;
        font-family: Google Sans Medium, sans-serif;
    }
}

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

@media screen and (max-width: 1420px) {
    .txt{
        font-size: 11px;
        font-family: Google Sans Regular, sans-serif;
    }

    .zag1{
        font-size: 16px;
        font-family: Google Sans Medium, sans-serif;
    }

    .zag2{
        font-size: 13px;
        font-family: Google Sans Bold, sans-serif;
    }

    .zag3{
        font-size: 11px;
        font-family: Google Sans SemiBold, sans-serif;
    }

    .inp-txt{
        font-size: 10px;
        font-family: Google Sans Regular, sans-serif;
    }

    .btn-txt{
        font-size: 11px;
        font-family: Google Sans Medium, sans-serif;
    }

    .dop-txt{
        font-size: 8px;
        font-family: Google Sans Regular, sans-serif;
    }

    .menu-txt{
        font-size: 11px;
        font-family: Google Sans Regular, sans-serif;
    }

    
    .name-txt{
        font-size: 24px;
        font-family: Google Sans Bold, sans-serif;
        text-transform: uppercase;
    }

    .zag-m{
        font-size: 11px;
        font-family: Google Sans Medium, sans-serif;
    }
}

/* --------768-------- */

@media screen and (max-width: 1200px) {
    .txt{
        font-size: 18px;
        font-family: Google Sans Regular, sans-serif;
    }

    .zag1{
        font-size: 28px;
        font-family: Google Sans Medium, sans-serif;
    }

    .zag2{
        font-size: 22px;
        font-family: Google Sans Bold, sans-serif;
    }

    .zag3{
        font-size: 20px;
        font-family: Google Sans SemiBold, sans-serif;
    }

    .inp-txt{
        font-size: 17px;
        font-family: Google Sans Regular, sans-serif;
    }

    .btn-txt{
        font-size: 18px;
        font-family: Google Sans Medium, sans-serif;
    }

    .dop-txt{
        font-size: 14px;
        font-family: Google Sans Regular, sans-serif;
    }

    
    .name-txt{
        font-size: 42px;
        font-family: Google Sans Bold, sans-serif;
        text-transform: uppercase;
    }

    .menu-txt{
        font-size: 12px;
        font-family: Google Sans Medium, sans-serif;
    }
}

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

@media screen and (max-width: 530px) {
    .txt{
        font-size: 18px;
        font-family: Google Sans Regular, sans-serif;
    }

    .zag1{
        font-size: 26px;
        font-family: Google Sans Medium, sans-serif;
    }

    .zag2{
        font-size: 20px;
        font-family: Google Sans Bold, sans-serif;
    }

    .zag3{
        font-size: 18px;
        font-family: Google Sans SemiBold, sans-serif;
    }

    .inp-txt{
        font-size: 17px;
        font-family: Google Sans Regular, sans-serif;
    }

    .btn-txt{
        font-size: 18px;
        font-family: Google Sans Medium, sans-serif;
    }

    .dop-txt{
        font-size: 14px;
        font-family: Google Sans Regular, sans-serif;
    }

    .name-txt{
        font-size: 9vw;
        font-family: Google Sans Bold, sans-serif;
        text-transform: uppercase;
    }

    .menu-txt{
        font-size: 11px;
        font-family: Google Sans Medium, sans-serif;
    }
}