.image-button {
	min-height:380px;
	display:block;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.image-button h3 {
	position:absolute;
	bottom:30px;
	left:30px;
	z-index:3;
	color:#fff;
	font-family: 'Cormorant', serif;
	margin:15px;
}
.image-button span.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00000e+0,00000e+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,14,0) 0%, rgba(0,0,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,14,0) 0%,rgba(0,0,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,14,0) 0%,rgba(0,0,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000e', endColorstr='#00000e',GradientType=0 ); /* IE6-9 */
	z-index:2;
}
.image-button:hover span.image {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.image-button span.image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media screen and (min-width:768px) and (max-width:1200px) {
.image-button h3 { font-size:31px; margin:0 30px 0 0;}
.image-button { min-height:270px;}
}