/*ZA laptop*/

@media only screen and (min-width: 801px) and (max-width: 1460px){

    /*FONT SIZE O NAMA - naslov*/


    .left{
        left: -71%;
    }

    .bg{
        font-size: xx-large;
    }


    /*kruzic*/

    .right-side{
        width: 120px;
        height: 120px;
    }

    /*TEKST pocetna*/
    .text-container p{
        font-size: 1vw;
        line-height: normal;
    }

    /*RAZMAK izmedju naslova*/

    .left-side{
        gap: 2rem;
    }


    /*USLUGE*/

    .section{
        padding: 7rem 2rem;
    }

    /*Naslov usluge*/

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

    .box1 .col-2 h2{
        top: -2rem;
    }


    /*SLike usluge*/

    .col-1{
        padding-left: 5vw;
        flex-direction: column;
    }

    .box1 .col-1 img:first-child{
        width: 22vw;
        height: 25vh;
        object-fit: cover;
    }

    .box1 .col-1 img:nth-child(2){
        width: 20vw;
        height: 35vh;
        object-fit: cover;
    }

    .box1 .col-3 img:first-child{
        width: 30vw;
        height: 20vh;
        object-fit: cover;
    }

    .box1 .col-3 img:nth-child(2){
        width: 12vw;
        height: 20vh;
        object-fit: cover;
    }

    .box1 .col-3 img:nth-child(3){
        width: 22vw;
        height: 25vh;
        object-fit: cover;
    }


    /*Tektst*/

    .col-2{
        flex: 4;
        z-index: 100;
        margin-top: 1rem;
    }

    .col-2 h1{
        left: 40%;
    }

    .col-2 span{
        padding-left: 0;
        padding-bottom: 0;
    }


    .text-box{
        padding-left: 0;
        width: 28vw;
    }



    /*SLIKE DESNA STRANA*/

    .col-3{
        flex-direction: column;
    }



}