.article__row{display:flex; flex-wrap:wrap; margin:40px -20px -20px}
.article__col{width:33.333%; padding:20px}
.article__col a{display:flex;flex-direction:column;height: 100%;}
.article__image{display:block; border-radius:20px; overflow:hidden; height:220px}
.article__image img, .article__image picture{width:100%; height:100%; object-fit:cover}
.article__name{font-weight: 500;font-size: 16px;color:#333;display:block;padding: 20px;text-align: center;margin: auto 0;}
.article__col .btn{margin: auto auto 0;}
.article__col a:hover .btn{color: #fff;background: #007ABE}
.article__col a:hover .article__image img, .article__col a:hover .article__image picture{transform:scale(1.05)}
@media(max-width:1229px){
	.article__row{margin:30px -15px -15px}
	.article__col{padding:15px}
	.article__name{padding:15px}
}
@media(max-width:991px){
	.article__col{width:50%}
}
@media(max-width:767px){
	.article__col{padding:20px 10px}
	.article__name{padding:10px}
	.article__image{height:180px}
	.article__row{margin:10px -10px -20px}
}
@media(max-width:575px){
	.wrapper__heading{margin-bottom:20px}
	.article__row{margin:10px 0 0}
	.article__col{padding:15px 0; width:100%}
	.article__image {height: 52vw;}
}