.banner-cards{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 10px;
}
.banner-card{
	vertical-align: top;
	display: inline-block;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
}
.banner-card a{
	text-decoration: none;
	display: block;
	text-align: left;
	line-height: 1.4;
	color: #404149;
	font-weight: 400;
}
.banner-card img{
	width: 100%;
	max-height: 400px;
	object-fit: cover;
	display: block;
	margin-bottom: 6px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	border-radius: 2px;
}

@media (max-width:850px){
	.banner-cards{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
    }
    .banner-card{
		margin-bottom: 20px;
		width: 50%;
    }
}
@media (max-width:400px){
    .banner-card{
        width:100%
    }
}