.zs-enabled{position:relative}
.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;box-sizing: border-box;}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;
	background-size:cover;
	position:absolute;
	visibility:hidden;
	opacity:0;
	box-sizing: border-box;
	-webkit-transform:scale(1.2, 1.2);
	-moz-transform:scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2)}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}
.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}
/* .zs-enabled.overlay-plain .zs-slideshow:after{background-image:url(plain.png)} */
/* .zs-enabled.overlay-dots .zs-slideshow:after{background-image:url(dots.png)} */

#zoomslide {
	position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow: hidden; /* to bound the empty top space created by inner element's top margin */
	width: 65%;
	min-height: 82vh;
	background-color: #999;
	box-sizing: border-box;
	margin-top: 8vh;
	margin-left: 10vh;
}
.zoomslide-inner-content {
	position: relative; /* if position is not set, the script will set it to 'relative'. */
	z-index: 2; /* if z-index is not set, the script will set it to '2'. */
	padding: 120px;
	max-width: 600px;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	box-sizing: border-box;
}
.zoomslide-inner-content h1 {
	font-size: 2.5em;
	margin: 0;
}

@media(max-width: 768px){
	#zoomslide {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 360px;
    background-color: #999;
    box-sizing: border-box;
    margin-top: 235px;
    margin-left: 0vh;
	}		
}