@media screen and (min-width: 1200px) and (max-width:1400px){
    .container{
        max-width: 1400px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .navbar ul li a{
        padding: 10px 20px;
        text-decoration:none ;
        color: #000;
        font-size: 20px;
        font-family: playfair display;
        font-style: italic;
    }

    .img-holder img{
        max-width:740px;
        height: 550px;
        border-radius: 25px;
    }

    .footer-text p{
        font-size: 20px;
    }

    .footer-text a{
        font-size: 20px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1200px){
  
    .container{
        max-width: 1400px;
        margin: 0 auto;
        overflow-x: hidden;
    }


    .img-holder img{
        max-width:540px;
        height: 350px;
        border-radius: 25px;
        margin-top: 50px;
    }

    .navbar ul li a{
        padding: 10px 15px;
        text-decoration:none ;
        color: #000;
        font-size: 20px;
        font-family: playfair display;
        font-style: italic;
    }

    .red{
        flex-direction: column;
    }

    .red img{
        max-width: 700px;
    }

    .footer-text p{
        font-size: 20px;
    }

    .footer-text a{
        font-size: 20px;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
  
.container{
        max-width: 1400px;
        margin: 0 auto;
        overflow-x: hidden;
    }


    .img-holder img{
        max-width:440px;
        height: 350px;
        border-radius: 25px;
        margin-top: 50px;
    }

    .navbar ul li a{
        padding: 5px 10px;
        text-decoration:none ;
        color: #000;
        font-size: 20px;
        font-family: playfair display;
        font-style: italic;
    }

    .tree-img-holder{
        display: flex;
        justify-content:center;
        align-items: center;
    }

    .tree-img-holder img{
        max-width: 770px;
    }

    .partner-section-heading{
        flex-direction: column;
    }

    .red{
        flex-direction: column;
    }

    .red img{
        max-width: 670px;
    }

    .footer-text{
        flex-direction: column;
    }

    .footer-text p{
        font-size: 18px;
    }

    .footer-text a{
        font-size: 18px;
    }

    footer{
        height: auto;
    }


    #Steva-Ema{
        
        margin-bottom: 20px;
    }

    

}

@media screen and (min-width:480px) and (max-width:768px) {
    
    .container{
        max-width: 1400px;
        margin: 0 auto;
        overflow-x: hidden;
    }


    .img-holder img{
        max-width:440px;
        height: 350px;
        border-radius: 25px;
        margin-top: 50px;
    }

    .text-holder{
        margin-top: 70px;
    }

    .hideOnMobile{
        display: none;
    }

    .navbar ul li{
        margin-top: 10px;
    }

    .sidebar ul{
        margin: 20vh auto;
    }

    #radovi{
        background-color: transparent;
    }

    .Menu-button {
        position: relative;
        width: 50px; 
        height: 50px;
        padding: 10px; 
        box-sizing: border-box; 
        overflow: hidden;
        left: 150px;
    }
    
    .Menu-button svg {
        width: 100%; 
        height: auto;
        display: block;
    }

    .tree-img-holder{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tree-img-holder img{
        max-width: 480px;
    }

    .partner-section-heading{
        flex-direction: column;
        
    }

    .statuti-img-holder img{
        max-width: 450px;
    }

    .red{
        flex-direction: column;
    }

    .red img{
        max-width: 450px;
    }

    .footer-text{
        flex-direction: column;
    }

    .footer-text p{
        font-size: 18px;
    }

    .footer-text a{
        font-size: 18px;
    }

    footer{
        height: auto;
    }

    .red-tim{
        flex-direction: column;
    }

    #Steva-Ema{
        
        margin-bottom: 20px;
    }

    .profit-img-holder img{
        width: 300px;
    }

}

@media screen and (min-width:320px) and (max-width:480px){
        
    .container{
        max-width: 1400px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .img-holder{
        margin-top: 0;
    }

    .img-holder img{
        max-width:320px;
        height: 250px;
        border-radius: 25px;
        margin-top: 50px;
    }

    .text-holder{
        margin-top: 70px;
    }

    .org-text{
        text-align: left;
    }

    .hideOnMobile{
        display: none;
    }
 
    .tree-img-holder img{
        max-width: 370px;
    }

    .statuti-img-holder img{
        max-width: 330px;
    }

    .navbar ul li{
        margin-top: 10px;
    }

    #radovi{
        background-color: transparent;
    }

    .sidebar ul{
        margin: 20vh auto;
    }

    .Menu-button {
        position: relative;
        width: 50px; 
        height: 50px;
        padding: 10px; 
        box-sizing: border-box; 
        overflow: hidden;
        left: 100px;
    }
    
    .Menu-button svg {
        width: 100%; 
        height: auto;
        display: block;
    }
    
    .partner-section-heading{
        flex-direction: column;
        
    }

    .red{
        flex-direction: column;
    }

    .red img{
        max-width: 330px;
    }

    .footer-text{
        flex-direction: column;
    }

    .footer-text p{
        font-size: 18px;
    }

    .footer-text a{
        font-size: 18px;
    }

    footer{
        height: auto;
    }

    .red-tim{
        flex-direction: column;
    }

    #Steva-Ema{
        
        margin-bottom: 20px;
    }

    .profit-img-holder img{
        width: 300px;
    }

}