/*ZA MOBILNI*/

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



/*NASLOV POCETNA*/

.img_txt{
    padding-top: 60vh;
}

.left{
    left: 0;
    width: fit-content;
    display: none;
}

.left h2{
    display: none;
}


.studio-naslov{
    top: 90%;
    width: 100%;
    text-align: center;
    left: 0;
}

.studio-naslov h1{
    font-size: larger;
}



/*O NAMA TEKST*/
.v_container{
    position: relative;
    height: fit-content;
    display: block;

}

.text-container{
    max-width: 85vw;
    font-size: initial;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-bottom: 10vh;
}

.left-side{
    padding: 0;
    padding-top: 10vh;
}

.tv{
    display:initial;
}

.bg{
    text-align:center;
    font-size: xx-large;
}

.left h2{
    font-size: medium;
    padding: 0 3vw;
}

.right-side{
    display: none;
}


/*USLUGE - pocetna*/
.section{
    padding: 0;
}

.boxes-container{
    gap: 0rem;
}

.columns{
    display: initial;
}

.col-1{
    display: none;
}


.col-2 h2{
    font-size: large;
    position: inherit;
}

.col-2 span{
    padding-left: 0;
    margin-top: 5vh;
}

.text-box{
    width: 85vw;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
}

.col-3 {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
}

.box1 .col-3 img:nth-child(2){
    width: 85vw;
    height: 100%;
}

.box1 .col-3 img:nth-child(3){
    width: 85vw;
    height: 100%;
}




.col-2 a{
    display: none;
}

.vidi-vise{
    display: block;
    padding: 3vh 0 1vh 0;
    font-weight: 600;
    transition:.5s
}

}

/* Tablet */

@media only screen and (min-width: 799px) and (max-width: 1124px){

    .left{
        left: 0;
        top:30vh;
        width: auto;  
    }
}