.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:rgba(0, 0, 0, 0.5);
	-webkit-transform:translateY(70%);
	-moz-transform:translateY(70%);
	-ms-transform:translateY(70%);
	-o-transform:translateY(70%);
	transform:translateY(70%);
	-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: 'Fira Sans', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color: #fff;
	padding-top:4%;
	padding-bottom:7%;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	line-height:1.2;
}
.zoom-container .zoom-caption a {
	display: block;
	text-align: center;
	font-family: 'Fira Sans', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color: #ccc;
	margin:5px 0px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	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 a:hover {
	color: #fff;
}



/*** RESPONSIVE STYLES ***/
@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%;}	

}


@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);}
}

@media only screen and (max-width: 499px) {
.zoom-container {width:100%;}
}