/*------------------------------
        Media Query
------------------------------*/

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

        #onama div img {
                width: 550px;
            }

        #about h3{
                padding: 12vh 5vh 5vh 5vh;
                font-size: 2em;
         }

         #tekstabout div{
                 height: 250px;
                 padding: 20px;
         }


         #services h3{
                font-size: 3rem;
                text-shadow: 2px 2px #000000;
                padding: 12vh;
        }
        #services #sekcija2{
                padding: 10px;
        }
        #services .usluge{
                flex: 0 0 30%;
                height: auto; 
        }
        #services img{
                width: 350px;
                height: 350px;
                padding: 10px;
        }
        #services .tekst{
                width: 350px;
                height: 400px;
                line-height: 1.5em;
        }
        #services .usluge h4{
                text-align: end;
                font-size: 1.6em;
        }


        #razdvajanje .ml15 {
                font-weight: 400;
                font-size: 2.6em;
        }
        #razdvajanje .ml15 .word {
                line-height: 0;    
        }

        #razdvajanje2 .ml15 {
                font-weight: 400;
                font-size: 2em;
        }
        #razdvajanje2 .ml15 .word {
                line-height: 0;    
        }


        #projects h3{
                padding: 12vh 5vh 5vh 5vh;
                font-size: 2.5em;
        }

        
        #contact form{
                margin-left: 70px;
        }
        
}

@media all and (max-width: 1200px) {

        .navbar ul li a:hover{
                cursor: none;
                transform: none;
                transition: none;
        }
            .navbar ul li a{
                    transition: none;
        }


        #onama #tekstabout {
                flex: 0 0 40%;
                
            }
        #onama div:nth-child(2){
                flex: 0 0 60%;
        }

        #onama div img {
                width: 530px;
            }

        
        #about #onama{
                padding: 10px;
        }
        #about #teksabout div{
                width: 100%;
        }

        
        #tekstabout div{
                height: auto;
                padding: 20px;
        }
        
        #about div h4{
                font-size: 1.2em;
                margin-top: 10px;
                margin-bottom: 50px;
        }



        #services h3{
                font-size: 2.5em;
                padding: 12vh 5vh 5vh 5vh;
        }
        #services #sekcija2{
                padding: 0px;
        }
        #services .usluge{
         flex: 0 0 50%;
        }


        #razdvajanje .ml15 {
                font-size: 2em;
        }

        #razdvajanje2 .ml15 {
                font-size: 1.7em;
        }
        
        
        
        #projects #sekcijadole{
                display: none;
        }

        #projects #mobilni{
                display: flex;
                flex-wrap: wrap; 
                flex-direction: row;
                align-items: center;
                justify-content: space-evenly;
                margin: 0 0 50px 0;
        }

        #projects #mobilni div{
                flex: 0 0 20%;
                padding: 20px;
        }
        #projects #mobilni div a img {
                width: 100%;
                height: auto;
            }
        #projects #desktop{
                display: none;
        }





        #contact h3{
                font-size: 2.1em;
        }

        #contact form{
                margin-left: 70px;
        }

       
}

@media all and (max-width: 991px) {
        #nav{
                background-color: white;
        }

        .navbar ul{
                margin: 0 auto;
                text-align: center;
        }
        #naslov h1{
                font-size: 3em;
        }
        

        #onama #tekstabout {
                flex: 0 0 100%;
        }
        #onama div:nth-child(2){
                flex: 0 0 100%;
        }
        #onama div img {
                width: 660px;
        }
        #about div p{

                font-weight: 400;
        }
        

        


        #jezici{
                padding: 30px 10px 10px 10px;
        }
        #jezici #tekst1{
                flex: 0 0 100%;
                color: var(--gold);
                text-shadow: 1.5px 1.5px #000000;
                font-weight: 400;  
                margin-bottom: 20px;
                text-align: center;
        }
        #jezici #tekst1 h3{
                font-size: 2em;
        }
        #jezici div:nth-child(2){
                flex: 0 0 100%;          
        }

        #services .tekst{
                font-weight: 400;
        }





        #jezici div:nth-child(2) div {
                flex: 0 0 10%;
                padding: 10px;
        }


        #projects #mobilni div{
                flex: 0 0 30%;

        }





        #contact{
                padding: 3vh;
        }
        #contact div:first-child{
                flex: 0 0 100%;
                text-align: center;
                align-items: center;
                padding: 0;     
            }
        #contact div img{
                width: 200px;
                height: auto;       
        }
        #contact div h3{
                font-size: 2em;      
        }
        #contact p{
                font-weight: 400;
        }
        #contact div social{
                font-size: 1.5em;
        }
        #contact form{
                margin-left: 0px;
        }
        #contact div:nth-child(2){
                box-shadow: 1px 1px black;
                height: 1px;
                width: 500px;
                margin: 50px 0 50px 0;
        }
        #contact div:nth-last-child(3){
                flex: 0 0 100%;
        }
        #contact textarea{
                width: 500px;
                height: auto; 
        }
        #contact input[type=submit]{
                width: 250px;
                margin: 0 auto;
                
        }
        #contact input[type=text], textarea{
                font-weight: 400;
        }
        #languages-mob{
                display: flex;
        }
        #languages{
                display: none;
        }
        #contact div:nth-child(3) p{
                text-align: center;
                margin-left: 0px;
        }
       
}

@media all and (max-width: 768px) {
       
        #naslov{
                padding-top: 120px;
        }
        #naslov h1{
                font-size: 1.8em;
        }
        #naslov p{
                width: 100%;
                font-size: 1.2em;
        }

        #onama div img {
                width: 420px;
        }

        #about div p{
                font-size: 1.2em;
                letter-spacing: 0;
        }


        #jezici #tekst1 h3{
                font-size: 1.4em;
        }

        



        #services #sekcija2{
                padding: 10px;
        }
        #services .usluge{
         flex: 0 0 100%;
        }
        #services .tekst{
                width: auto;
                height: auto;
                font-size: 1.2em;
                letter-spacing: 0;
        }
        



        #projects h3{
                
                font-size: 2em;
        }

        #projects #mobilni div{
                flex: 0 0 50%;
                padding: 20px;
        }

        #contact div:nth-child(2){
                width: 400px;
        }
        #contact textarea{
                width: 400px; 
        }
        #contact input[type=submit]{
                width: 200px;
        }
        #nav .navbar-brand img{
                width: 100px;
        }
        #nav{
                padding: 5px!important;
        }


}


@media all and (max-width: 480px) {

        #nav .navbar-brand img{
                /* width: 150px; */
                /* margin-left: -30px; */
        }

        #nav{
                padding-right: 0px;
                padding-left: 0px;
        }

        #naslov p{
                letter-spacing: 0.1em;
        }

        #onama div img {
                width: 280px;
        }
        #about div h4{
                font-size: 1em;
        }
        #about div h5{
                font-size: 1.2em;
        }
        

        #jezici div:nth-child(2) div {
                flex: 0 0 18%;
                padding: 10px;
        }


        #services h3{
                font-size: 2em;   
        }
        #services img{
                width: 300px;
                height: auto;
        }
        
        #services .usluge h4{
                font-size: 1.2em;
        }

        #razdvajanje{
                font-size: 0.8em;
        }

        #razdvajanje .ml15 {
                font-size: 2em;
                
        }
        
        #razdvajanje2 .ml15 {
                font-size: 1.5em;
        }


        #contact div img{
                width: 100px;       
        }
        #contact div h3{
                font-size: 1.5em;      
        }
        #contact div social{
                font-size: 1em;
        }
        #contact div:nth-child(2){
                width: 300px;
        }

        #contact textarea{
                width: 300px; 
        }
        #contact input[type=submit]{
                width: 150px;
        }

}

@media all and (max-width: 320px) {


}