.articles  { padding-bottom: 40px; }
.articles .__grids ._grid-item{  padding-bottom: 15px;}
.articles .__grids ._grid-item:hover .articles-item{ transform: translateY(-10px); box-shadow: 0 10px 7px 0px rgba(0,0,0,0.10);}

.articles-item{ border: 1px solid #eee; padding: 15px; box-shadow: 0 3px 5px 0px rgba(0,0,0,0.10); height: 100%; display: flex; flex-direction: column; }
.articles-item-title{font-weight: 600; font-size: 1.2em; margin: 15px 0; display: flex; flex: 1; align-items: center}
.articles-item-image{ height: 0; padding-top: 60%;}
.articles-item-image img{ position: absolute;top:0; left: 0; height: 100%; width: 100%; object-fit: cover; margin: 0;}
.articles-item-dots{ opacity: .5}
.articles-link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}


@media only screen and (min-width: 768px) {
    .articles .__grids{ margin-right: -15px; margin-left: -15px;}
    .articles .articles-item-text .__grids{ margin:auto;}
    .articles .__grids ._grid-item{ padding: 15px}

}

@media only screen and (min-width: 1240px) {


}