.slideContainer {
	margin:0 auto;
	position: relative;
	width: 100%;
	height: 0;
	
	/* 33% being the ratio we are maintaining 
	    * calculated by looking at the image 
	    * ratio: 320/900 = ~0.33 */
	padding: 0 0 calc(100vh - 15em) 0;
	float: left; 
	clear: both;
}
.iosSlider {
	width: 100%;
	
	/* this height ends up being your maximum height, 
	    * if you want it to scale forever, set it to 
	    * a very high number */
	height: calc(100vh - 15em);
}
/* slider */
.iosSlider .slider {
	/* required */
	width: 100%;
	height: calc(100vh - 15em);
}

/* slide */
.iosSlider .slider .slide {
	/* required */
	width: 100%;
	position:relative;
	height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.iosSlider .slider .slide img {
	width: 100%;
	height: auto;
}

.mask {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:980px;
	height:0;
 padding: 0 0 24.5% 0;
	background:url(../../images/home/rotator-images/mask.png) no-repeat 0 0;
}			

.iosSlider .slider .slide .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.65);
    width: 100%;
    text-align: center;
	z-index:1;
	opacity: 0;
	filter: alpha(opacity:0);
    padding: .7em 20px;
}			
.iosSlider .slider .slide .title span {
	color: #054b81;
	font-size:1.5625em;
    font-family:"proxima-nova", Arial, Helvetica, sans-serif;
}


.iosSlider .slider .slide .on { opacity: 1;	filter: alpha(opacity:100); -webkit-transition: all 500ms linear;transition: all 500ms linear;  }
    
.prev, .next {position: absolute; height: 100%; text-align: center; opacity:0.4; padding: 0 3%; top:0; z-index: 10;}
.prev:hover, .next:hover {opacity:1}
.prev img, .next img {position: relative; top:calc(50% - 1.625em); transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.prev {left:0}
.next {right:0}

@media screen and (max-width:750px) {
	.slideContainer {padding: 0 0 calc(70vh - 6.188em) 0;}
	.iosSlider {height: calc(70vh - 6.188em);}
	.iosSlider .slider {height: calc(70vh - 6.188em);}
	.iosSlider .slider .slide .title span {font-size: 1.25em}
	.prev img, .next img {max-width: 50%; height: auto}

}