@media only screen and (max-width: 1900px) {
    .prvi {
        flex-direction: column-reverse;
    }
    .drugi{
        flex-direction: column-reverse;
    }
    .proizvodi{
        gap: 50px;
    }
    .overlay{
        max-width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .nav-bar{
        padding: 10px 20px;
    }
    .nav-bar .logo img{
        width: 50;
        height: 40;
    }
    .nav-bar input{
        font-size: 15px;
        width: 100%;
    }
    .nav-bar .menu i {
        font-size: 30px;
    }
    .nav-bar .ulmenu a{
        width: 40%;
        padding: 15px;
        font-size: 17px;
    }   
    .nav-bar .ulmenu {
        top: 80;
    }
    .proizvodii{
        flex-direction: column;
    }
    .proizvod1{
        justify-content: center;
        padding: 20px 80px;
        width: 40%;
        margin: 0 auto;    
    }
    .proizvod1 img{
        width: 300;
    }
    .proizvod1 button{
        padding: 20px;
        font-size: 18px;
        width: 78%;
    }
    .proizvod1 h3{
        font-size: 15px;
    }

    .prvi {
        flex-direction: column;
    }
    .drugi{
        flex-direction: column;
    }

}