.articles-preview-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

/* Title full width */
.articles-preview-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.5em;
   
}

/* Paragraph left side (75%) */
.articles-preview-preview {
    width: 75%;
    order: 1;
    padding-right: 15px;
    box-sizing: border-box;
}
.articles-preview-preview p {
    font-size: 1.0em;
    line-height: 150%;
    margin: 0 0 5px;
}

/* Image right side (25%) */
.articles-preview-image {
    width: 25%;
    order: 2;
}

.articles-preview-image img {
    width: 90%;
    height: auto;
    display: block;
}

/* Read more bottom full width */
.articles-preview-link {
    width: 100%;
    order: 3;
       margin-top: -30px;
}

@media (max-width:767px){

.articles-preview-item{
flex-direction:column;
}

/* IMAGE FIRST */
.articles-preview-image{
order:1;
width:100%;
margin-bottom:14px;
}

.articles-preview-image img{
width:100%;
max-width:350px;
margin:auto;
}

/* TITLE SECOND */
.articles-preview-title{
order:2;
font-size:1.5em;
}

/* TEXT THIRD */
.articles-preview-preview{
order:3;
width:100%;
padding-right:0;
}

/* READ MORE LAST */
.articles-preview-link{
order:4;
width:100%;
margin-top:10px;
text-align:center;
}

}