.div-articles{
    width:90%;
    margin:0 auto;
}
 h3.cat-title-articlelist
 {
     margin-top:20px;
     position:relative;
     font-size:1.2em;
     text-align:left;
     padding-left:30px;
 }
 h3.cat-title-articlelist:before{
     content:'\f518';
     position:absolute;
     left:0px;
     top:0px;
     font:normal 700 1em  "Font Awesome 5 Free", "FontAwesome";
     color:#ccc;
 }

.ul-articles
{
    text-align:left;
    list-style:none;
   padding: 0px 15px;
   margin-bottom:50px;
}
.item-title.item-title-article{
    padding-top:12px;
    font-size:1em;
}
.item-brief.item-brief-article{
    border-left:solid 5px #f2f2f2;
    padding:10px 20px;
    margin:5px 0px;
    font-weight:300;
}
@media(min-width:768px) {
    .divArticlelist{
    width:100%;
}
    .ul-articles {
        padding-left: 60px;
    }
}