@font-face {
    font-family: "Styrene A Web Bold";
    src: url("/fonts/StyreneAWeb-Bold.woff") format('woff');
    src: url("/fonts/StyreneAWeb-Bold.woff2") format('woff2');
}

@font-face {
    font-family: "Styrene A Web Light";
    src: url("/fonts/StyreneAWeb-Light.woff") format('woff');
    src: url("/fonts/StyreneAWeb-Light.woff2") format('woff2');
}

@font-face {
    font-family: "Styrene A Web Medium";
    src: url("/fonts/StyreneAWeb-Medium.woff") format('woff');
    src: url("/fonts/StyreneAWeb-Medium.woff2") format('woff2');
}

@font-face {
    font-family: "Styrene A Web Regular";
    src: url("/fonts/StyreneAWeb-Regular.woff") format('woff');
    src: url("/fonts/StyreneAWeb-Regular.woff2") format('woff2');
}

/* 1920 */

h2{
    font-size: 50px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.txt{
    font-size: 28px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    line-height: 135%;
}

h1{
    font-size: 60px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.h1_dop{
    font-size: 40px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    line-height: 135%;
    text-transform: uppercase;
}

.banner_txt{
    font-size: 28px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.banner_num{
    font-size: 28px;
    font-family: "Styrene A Web Regular";
    line-height: 135%;
    text-transform: uppercase;
}

.timer_txt{
    font-size: 46px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.timer_num{
    font-size: 116px;
    font-family: "Styrene A Web Bold";
    line-height: 95%;
    text-transform: uppercase;
}

.kom_surname{
    font-size: 28px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.kom_name{
    font-size: 28px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.kom_desc{
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    line-height: 135%;
    text-transform: uppercase;
}

.rasp_num{
    font-size: 32px;
    font-family: "Styrene A Web Medium";
    line-height: 135%;
    text-transform: uppercase;
}

.parners_txt{
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.map_num{
    font-size: 28px;
    font-family: "Styrene A Web Light";
    line-height: 135%;
}

.footer_h1{
    font-size: 34px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.footer_h1_dop{
    font-size: 24px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.footer_desc{
    font-size: 20px;
    font-family: "Styrene A Web Light";
    line-height: 135%;
    text-transform: lowercase;
}

.footer_made{
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.footer_txt{
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    line-height: 135%;
}

/* 2560 */

@media screen and (min-width: 2500px) {

    h2{
        font-size: 66px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .txt{
        font-size: 36px;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        line-height: 135%;
    }

    h1{
        font-size: 80px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .h1_dop{
        font-size: 52px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_txt{
        font-size: 36px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_num{
        font-size: 36px;
        font-family: "Styrene A Web Regular";
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_txt{
        font-size: 60px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_num{
        font-size: 150px;
        font-family: "Styrene A Web Bold";
        line-height: 95%;
        text-transform: uppercase;
    }

    .kom_surname{
        font-size: 36px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_name{
        font-size: 36px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_desc{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .rasp_num{
        font-size: 42px;
        font-family: "Styrene A Web Medium";
        line-height: 135%;
        text-transform: uppercase;
    }

    .parners_txt{
        font-size: 26px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .map_num{
        font-size: 36px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
    }

    .footer_h1{
        font-size: 45px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_h1_dop{
        font-size: 32px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_desc{
        font-size: 26px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
        text-transform: lowercase;
    }

    .footer_made{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_txt{
        font-size: 26px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }
}

/* 1440 */

@media screen and (max-width: 1900px) {

    h2{
        font-size: 44px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .txt{
        font-size: 24px;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        line-height: 135%;
    }

    h1{
        font-size: 50px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .h1_dop{
        font-size: 34px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_txt{
        font-size: 24px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_num{
        font-size: 24px;
        font-family: "Styrene A Web Regular";
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_txt{
        font-size: 38px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_num{
        font-size: 100px;
        font-family: "Styrene A Web Bold";
        line-height: 95%;
        text-transform: uppercase;
    }

    .kom_surname{
        font-size: 24px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_name{
        font-size: 24px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_desc{
        font-size: 12px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .rasp_num{
        font-size: 28px;
        font-family: "Styrene A Web Medium";
        line-height: 135%;
        text-transform: uppercase;
    }

    .parners_txt{
        font-size: 16px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .map_num{
        font-size: 24px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
    }

    .footer_h1{
        font-size: 30px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_h1_dop{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_desc{
        font-size: 17px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
        text-transform: lowercase;
    }

    .footer_made{
        font-size: 14px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_txt{
        font-size: 17px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }
}

/* 1280 */

@media screen and (max-width: 1420px) {

    h2{
        font-size: 39px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .txt{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        line-height: 135%;
    }

    h1{
        font-size: 44px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .h1_dop{
        font-size: 30px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_txt{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_num{
        font-size: 21px;
        font-family: "Styrene A Web Regular";
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_txt{
        font-size: 34px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_num{
        font-size: 88px;
        font-family: "Styrene A Web Bold";
        line-height: 95%;
        text-transform: uppercase;
    }

    .kom_surname{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_name{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_desc{
        font-size: 11px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .rasp_num{
        font-size: 24px;
        font-family: "Styrene A Web Medium";
        line-height: 135%;
        text-transform: uppercase;
    }

    .parners_txt{
        font-size: 14px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .map_num{
        font-size: 21px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
    }

    .footer_h1{
        font-size: 26px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_h1_dop{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_desc{
        font-size: 16px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
        text-transform: lowercase;
    }

    .footer_made{
        font-size: 13px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_txt{
        font-size: 16px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }
}

/* 768 */

@media screen and (max-width: 1260px) {

    h2{
        font-size: 39px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .txt{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        line-height: 135%;
    }

    h1{
        font-size: 44px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .h1_dop{
        font-size: 30px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_txt{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_num{
        font-size: 21px;
        font-family: "Styrene A Web Regular";
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_txt{
        font-size: 34px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_num{
        font-size: 88px;
        font-family: "Styrene A Web Bold";
        line-height: 95%;
        text-transform: uppercase;
    }

    .kom_surname{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_name{
        font-size: 21px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_desc{
        font-size: 11px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .rasp_num{
        font-size: 24px;
        font-family: "Styrene A Web Medium";
        line-height: 135%;
        text-transform: uppercase;
    }

    .parners_txt{
        font-size: 14px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .map_num{
        font-size: 21px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
    }

    .footer_h1{
        font-size: 26px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_h1_dop{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_desc{
        font-size: 16px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
        text-transform: lowercase;
    }

    .footer_made{
        font-size: 13px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_txt{
        font-size: 16px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }
}

/* 375 */

@media screen and (max-width: 430px) {

    h2{
        font-size: 28px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .txt{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }

    h1{
        font-size: 30px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .h1_dop{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_txt{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .banner_num{
        font-size: 18px;
        font-family: "Styrene A Web Regular";
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_txt{
        font-size: 28px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .timer_num{
        font-size: 70px;
        font-family: "Styrene A Web Bold";
        line-height: 95%;
        text-transform: uppercase;
    }

    .kom_surname{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_name{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .kom_desc{
        font-size: 13px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
        text-transform: uppercase;
    }

    .rasp_num{
        font-size: 20px;
        font-family: "Styrene A Web Medium";
        line-height: 135%;
        text-transform: uppercase;
    }

    .parners_txt{
        font-size: 13px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
    }

    .map_num{
        font-size: 18px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
    }

    .footer_h1{
        font-size: 24px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_h1_dop{
        font-size: 16px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_desc{
        font-size: 16px;
        font-family: "Styrene A Web Light";
        line-height: 135%;
        text-transform: lowercase;
    }

    .footer_made{
        font-size: 13px;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        line-height: 135%;
        text-transform: uppercase;
    }

    .footer_txt{
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        line-height: 135%;
    }
}