#Usluge {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
}

/* TRI USLUGE */

/* Naslov */

#Usluge > div:first-of-type {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Usluge > div:first-of-type p {
    margin: 0 !important;
    font-size: 28px;
}

#Usluge > div:first-of-type p span {
    font-weight: bold;
}

/* Ikone */

#Usluge > div:nth-of-type(2) {
    display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: space-evenly;
    margin-top: 80px;
}

#Usluge > div:nth-of-type(2) > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
}

#Usluge > div:nth-of-type(2) > div img {
    width: 170px;
    height: 170px;
    margin-bottom: 15px;
}

#Usluge > div:nth-of-type(2) > div span {
    font-size: 22px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}


/* Tri bloka dodatnog pojasnjenja - cena, kvalitet, nabrajanje */

#Usluge > div:nth-of-type(3)  {
    display: flex;
    margin-top: 60px;
}

/* Cena i kvalitet */

#Usluge > div:nth-of-type(3) > div:first-of-type {
    display: flex;
    flex-direction: column;
    width: 50%;
}

/* Zajednicko za cenu i kvalitet */

#Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type,
#Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type {
    background-position: center right;
    background-size: 30px 60px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    font-size: 20px;
    width: 100%;
    height: 50%;
    justify-content: center;
    text-align: center;
    line-height: 150%;
}

#Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type img,
#Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type img {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
}


/* Cena */
#Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type {
    background-color: var(--zuta);
    background-image: url("../images/strelica-siva-levo.svg");

}


#Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type a {
    padding: 10px 20px;
    border: 1px solid black;
    background-color: var(--zutaSvetla);
    margin-top: 25px;
    border-radius: 15px;
    transition: all .3s;
} 

#Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type a:hover {
    background-color: white;
} 

/* Kvalitet */
#Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type {
    background-color: var(--sivaTamna);
    background-image: url("../images/strelica-siva-levo.svg");
}


/* Nabrajanje */

#Usluge > div:nth-of-type(3) > div:last-of-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--sivaSvetla);
    width: 50%;
    padding: 90px 90px;
    background-image: url("../images/strelica-bela-dole.svg");
    background-size: 60px 30px;
    background-position-y: 0;
    background-position-x: 135px;
    background-repeat: no-repeat;
    justify-content: center;
}


/* Stavka nabrajanja */

#Usluge > div:nth-of-type(3) > div:last-of-type > div {
    display: flex;
    align-items: center;
    line-height: 170%;
}

#Usluge > div:nth-of-type(3) > div:last-of-type > div:not(:last-of-type) {
    margin-bottom: 90px;
}

#Usluge > div:nth-of-type(3) > div:last-of-type > div > img {
    width: 150px;
    height: 150px;
    margin-right: 20px;
}

/* Opis u okviru stavke nabrajanja */

#Usluge > div:nth-of-type(3) > div:last-of-type > div > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Naslov stavke */
#Usluge > div:nth-of-type(3) > div:last-of-type > div > div > span {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
}

#Usluge > div:nth-of-type(3) > div:last-of-type > div > div > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#Usluge > div:nth-of-type(3) > div:last-of-type > div > div > div span:not(:first-of-type){
    margin-top: 10px;
}


@media screen and (max-width: 1500px) {
    /* Nabrajanje */
    #Usluge > div:nth-of-type(3) > div:last-of-type {
        padding: 70px 40px;
        background-image: url("../images/strelica-bela-dole.svg");
        background-size: 60px 30px;
        background-position-x: 95px;
    }

    /* Stavka nabrajanja */

    #Usluge > div:nth-of-type(3) > div:last-of-type > div:not(:last-of-type) {
        margin-bottom: 60px;
    }

}


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

    h2 {
        font-size: 40px;
    }

    /* TRI USLUGE */

    /* Naslov */

    #Usluge > div:first-of-type p {
        font-size: 22px;
    }

    /* Ikone */

    #Usluge > div:nth-of-type(2) {
        margin-top: 60px;
        align-items: flex-start;
    }

    #Usluge > div:nth-of-type(2) > div img {
        width: 150px;
        height: 150px;
        margin-bottom: 20px;
    }

    Usluge > div:nth-of-type(2) > div span {
        font-size: 18px;
    }


    /* Tri bloka dodatnog pojasnjenja - cena, kvalitet, nabrajanje */

    #Usluge > div:nth-of-type(3)  {
        display: flex;
        flex-direction: column;
    }

    /* Cena i kvalitet */


    /* Zajednicko za cenu i kvalitet */

    #Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type,
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type {
        background-position: top center;
        background-size: 60px 30px;
        padding: 60px 30px;
        font-size: 18px;
        height: unset;
        justify-content: unset;
    }

    #Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type img,
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type img {
        width: 130px;
        height: 130px;
    }

    #Usluge > div:nth-of-type(3) > div:first-of-type {
        width: 100%;
        order: 2;
    }

    /* Cena */
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type {
        background-image: url("../images/strelica-siva-dole.svg");
    }

    /* Kvalitet */
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type {
        background-image: url("../images/strelica-zuta-dole.svg");
    }


    /* Nabrajanje */

    #Usluge > div:nth-of-type(3) > div:last-of-type {
        width: 100%;
        order: 1;
        align-items: flex-start; /*!!!*/
        padding: 60px 30px;
        background-image: url("../images/strelica-bela-dole.svg");
        background-position-x: center;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > img {
        width: 130px;
        height: 130px;
        margin-right: 20px;
    }
}


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

    /* Ikone */

    #Usluge > div:nth-of-type(2) {
        margin-top: 0;
        align-items: center;
        flex-direction: column;
        justify-content: unset;
    }

    #Usluge > div:nth-of-type(2) > div {
        /*width: 100%;*/
        width: auto;
    }

    #Usluge > div:nth-of-type(2) > div img {
        width: 125px;
        height: 125px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    #Usluge > div:nth-of-type(2) > div span {
        font-size: 16px;
    }


    #Usluge > div:nth-of-type(3)  {
        margin-top: 40px;
    }
}

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

    h2 {
        font-size: 30px;
        margin-bottom: 15px !important;
    }

    /* TRI USLUGE */

    /* Naslov */

    #Usluge > div:first-of-type p {
        font-size: 20px;
        width: 90%;
        text-align: center;
    }




    /* Cena i kvalitet */
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:first-of-type,
    #Usluge > div:nth-of-type(3) > div:first-of-type > div:last-of-type {
        background-size: 40px 20px;
    }


    /* Nabrajanje */

    #Usluge > div:nth-of-type(3) > div:last-of-type {
        align-items: center;
        background-size: 40px 20px;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > img {
        width: 125px;
        height: 125px;
        margin-right: 0;
        margin-bottom: 20px;
    }




    /* Stavka nabrajanja */

    #Usluge > div:nth-of-type(3) > div:last-of-type > div {
        flex-direction: column;
        line-height: 150%;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div:not(:last-of-type) {
        margin-bottom: 50px;
    }



    /* Opis u okviru stavke nabrajanja */

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > div {
        align-items: center;
    }

    /* Naslov stavke */
    #Usluge > div:nth-of-type(3) > div:last-of-type > div > div > span {
        text-align: center;
        width: 100%;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > div > div {
        align-items: center;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > div > div span {
        width: 100%;
        text-align: center;
    }

    #Usluge > div:nth-of-type(3) > div:last-of-type > div > div > div span:not(:first-of-type){
        margin-top: 10px;
    }
}