#u-praksi.container{
    margin-top: 50px;
}
#u-praksi  .text-content {
    width: 80%;
    margin: 0 auto;
}
#u-praksi .vest{
    width: 500px;
    margin: 2%;
}
#u-praksi .vest-slika{
    width: 500px;
    margin: 0 auto;
}
#u-praksi .vest-slika img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
#u-praksi .vest .vest-slika > span{
    margin-left: auto;
    font-size: 12px;
    font-style: italic;
    height: 15px;
    padding: 0 20px;
}
#u-praksi .vest a{
    color: var(--letter_color);
    text-decoration: none;
}
#u-praksi .vest a:hover {
    color: var(--green-text);
}
#u-praksi .vest h3{
    height: 80px;
    margin: 0 0px 10px;
    line-height: 1.5;
    border-bottom: 1px solid var(--grey);
    align-items: flex-start;
}
#u-praksi .vest span{
    display: block;
    text-align: right;
    font-size: 0.8em;
}
#u-praksi .vest span i{
    margin-right: 10px;
    color: var(--green);
}
#u-praksi .vest p{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0px 20px;
    height: 133px;
    margin:20px 0px 30px
}
#u-praksi .vest .procitaj-vise{
    text-decoration: underline;
    text-decoration-color: var(--grey);
}
#u-praksi .procitaj-vise:hover{
    color: var(--letter_color);
}
#u-praksi .procitaj-vise i{
    margin-left: 10px;
    color: var(--green);
}
#u-praksi .procitaj-vise:hover i{
    margin-left: 20px;
}
/* #u-praksi .img-mob{
    display: none;
}
#vest .img-mob{
    display: none;
} */

#vest h1{
    font-size: 1.5em;
}
#vest a{
    color: var(--green-text);
    /* font-weight: bold; */
    word-break: break-all;
}
#vest .content{
    width: 80%;
    margin: 50px auto;
}
#vest .img-w{
    width: 600px;
    margin: 50px auto 0px;
}
#vest .img-w img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
#vest .izvor-slike{
    font-size: 12px;
    font-style: italic;
    height: 15px;
    padding: 0 20px;
    display: block;
    /* width: 600px; */
    margin: 0 auto 50px;
    text-align: center;
}
#vest ul{
    list-style: inside;
}
#vest ul li::marker{
    color:var(--orange)
}

@media screen and (max-width: 991px) {
    #vest h1 {
        font-size: 1em;
        max-width: 90%;
        padding: 20px;
        text-align: center;
    }
    #vest .content{
        width: 90%;
    }
    #vest .img-w{
        width: 300px;
    }
    #vest ul{
        font-size: 0.9em;
        line-height: 1.5;
    }
    #u-praksi .vest .procitaj-vise{
        font-size: 0.8em;
    }
    #u-praksi .vest span i{
        margin-right: 5px;
    }
    #u-praksi .vest p{
        margin: 0px 0px 10px;
        font-size: 0.8em;
        height: 103px;
    }
    #u-praksi .vest span{
        font-size: 0.8em;
    }
    #u-praksi .vesti{
        margin-top: 50px;
    }
    #u-praksi .vest .vest-slika > span{
        font-size: 0.6em;
        padding: 0px 1px;
        margin-left: 0px;
    }
    #u-praksi .vest h3{
        font-size: 0.9em;
        line-height: 1.2;
        margin: 0 0px 5px;
    }
    #u-praksi .vest-slika{
        width: 150px;
    }
    #u-praksi .vest-slika img{
        width: 100%;
        height: auto;
    }
    #u-praksi .vest{
        width: 150px;
    }
    /* #u-praksi .img-desk, #vest .img-desk{
        display: none;
    }
    #u-praksi .img-mob, #vest .img-mob{
        display: block;
    } */
}