.zoom-container {
	float:left;
	width: 16.66%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: none;
	background-size:cover !important;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background:#d90303;
	-webkit-transform:translateY(75%);
	-moz-transform:translateY(75%);
	-ms-transform:translateY(75%);
	-o-transform:translateY(75%);
	transform:translateY(75%);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container:hover .zoom-caption {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}

.zoom-container .zoom-caption h4 {
	display: block;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color: #fff;
	padding-top:7%;
	padding-bottom:8%;
	line-height:1.2;
}
.zoom-container .zoom-caption a {
	display: block;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color: #ccc;
	margin:5px 0px;
	line-height:1.2;
}
.zoom-container .zoom-caption h4 {font-size: 17px;}
.zoom-container .zoom-caption p > a {font-size: 13px;
    line-height: 1;
    margin: 1px;}	
.zoom-container .zoom-caption:hover{
	background: rgb(217 3 3 / 50%);
}
.zoom-container .zoom-caption a:hover {
	color: #fff;
}



/*** RESPONSIVE STYLES ***/
@media only screen and (max-width: 1550px) {
    .zoom-container {width: 25%;height: 270px;}
}

@media only screen and (min-width: 1200px) {	
    .zoom-container .zoom-caption h4 {font-size: 16px; padding:6%;}
}

@media only screen and (max-width: 1280px) {	
    .zoom-container {width:33.3333%;height: 200px;}	
    .zoom-container .zoom-caption h4 {padding-top: 3%;}
}

@media only screen and (max-width: 767px) {
    .zoom-container .zoom-caption h4 {font-size: 19px;}
    .zoom-container .zoom-caption p > a {font-size: 11px;}
    .zoom-container {width:50%;}
    .zoom-container .zoom-caption {transform:translateY(0);background:rgb(0 0 0 / 44%)}
}

@media only screen and (max-width: 550px) {
    .zoom-container {width:100%;}
    .zoom-container .zoom-caption h4 {padding-top: 11%;font-size: 23px;}
}