@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*
font-family: 'Bebas Neue', cursive;
*/
body{
    background-image: url(./bg-desktop.jpg?v=2);
}

.letni-hit-dekady{
    min-height:90vh;
}
.panelHity{

    width:470px;
}
.panelHity h2{
    color:#fff;
    font-size:76px;
    text-align:center;
    font-family: 'Bebas Neue', cursive;
    font-weight: bold;
}
.panelHity .btn{
    width:470px;
    height:88px;
    background-image: url(./btn.png);
    display:inline-block;
    font-family: 'Bebas Neue', cursive;
    font-size:32px;
    font-weight: bold;
    line-height: 75px;
    padding-left: 43px;
    background-size:cover;
}
.panelHity .btn:hover{
    background-image: url(./btn-active.png);
    color:#0072B5;
}

@media (max-width:992px) and (min-width:768px) {
    body{
        background-image: url(./bg-tab.jpg?v=2);
    }
    .panelHity{
        width:452px;
    }
    .panelHity h2{
        color:#fff;
        font-size:76px;
        text-align:center;
        font-family: 'Bebas Neue', cursive;
        font-weight: bold;
    }
    .panelHity .btn{
        width:452px;
        height:70px;
        font-size:32px;
        font-weight: bold;
        line-height: 75px;
        padding-left: 43px;
    }

}

@media (max-width:768px) and (min-width:600px) {
    body{
        background-image: url(./bg-tab.jpg?v=2);
        background-size:cover;
    }
    .panelHity{
        width:452px;
    }
    .panelHity h2{
        font-size:76px;
    }
    .panelHity .btn{
        width:452px;
        height:70px;
        font-size:32px;
        font-weight: bold;
        line-height: 75px;
        padding-left: 43px;
    }

}



@media (max-width:600px) and (min-width:500px) {
    body{
        background-image: url(./bg-mob.jpg?v=2);
        background-size:cover;
    }
    .panelHity{
        width:452px;
        margin:550px auto 0 auto;
    }
    .panelHity h2{
        font-size:76px;
    }
    .panelHity .btn{
        width:452px;
        height:70px;
        font-size:32px;
        font-weight: bold;
        line-height: 75px;
        padding-left: 43px;
    }

}



@media (max-width:500px) and (min-width:400px) {
    body{
        background-image: url(./bg-mob.jpg?v=2);
        background-size:cover;
    }

    .letni-hit-dekady{
        min-height:auto;
    }
    .panelHity{
        width:312px;
        margin:490px auto 50px auto;
    }
    .panelHity h2{
        font-size:52px;
    }
    .panelHity .btn{
        width:312px;
        height:48px;
        font-size:22px;
        font-weight: bold;
        line-height: 53px;
        padding-left: 33px;
    }

}



@media (max-width:400px) and (min-width:300px) {
    body{
        background-image: url(./bg-mob.jpg?v=2);
        background-size:cover;
    }
    .letni-hit-dekady{
        min-height:auto;
    }
    .panelHity{
        width:312px;
        margin:400px auto 50px auto;
    }
    .panelHity h2{
        font-size:52px;
    }
    .panelHity .btn{
        width:312px;
        height:48px;
        font-size:22px;
        font-weight: bold;
        line-height: 53px;
        padding-left: 33px;
    }

}