.fade-down {
  background-image: linear-gradient(to top, transparent, #000000aa);
  opacity: 1;
  min-height: 30%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
		
.fade-up {
  background-image: linear-gradient(to bottom, transparent, #000000dd);
  min-height: 45%;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 0;
}

.feature-wide img, .slideshow {
	top: 0;
	left:0;
	right: 0
}
.feature-wide img, .feature-boxed img, .slideshow img, .ms-container img, .master-slider-parent img, .ms-slide img, .ms-slide-container img, .ms-view img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	max-height: 400px
}

.splash, .splash .feature-wide img, .ms-view, .ms-inner-controls-cont, .ms-container, .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
height: 50vh !important;
min-height: 350px;
max-height: 750px;
}
.splash {
    background-color: #dcdcdc;
    z-index: 0;
	position: relative;
	background-position: center;
	background-size: 100% auto, cover;
	background-repeat: no-repeat;
}



.splash .brand {
	
}




/*
#splash .float {
	height: 45%;
}*/

/*.slideshow, .ms-container, .master-slider-parent, .ms-slide, .ms-slide-container, .ms-view, .slideshow img, .ms-container img, .master-slider-parent img, .ms-slide img, .ms-slide-container img, .ms-view img {
	height: 65vh !important;
	max-height: 630px;
	min-height: 475px;
}
*/




.splash-center-bottom {
    text-align: left;
    color: #FFFFFF;
    margin: auto;
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.splash-center-bottom p {
  width: 50%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 69px;
  font-weight: normal;
  font-size: 4vh;
  line-height: 100%;
  z-index: 2;
}
.slideshow {
  width: 100%;
  z-index: -1;
  /*position: absolute;*/
}
/* #splash .feature-wide img, #splash .slideshow {
	object-fit: cover;
	object-position: center;
	width: 100%;
	max-height: 630px;
	border-radius: 0;
	z-index: -1;
    position: absolute;
}*/

	.valign {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
		z-index: 20000;
	}
	.splash-center {
margin: auto;
display: block;
height: auto;
max-width: 75%;
text-align: center;
z-index: 20000;
position: absolute;
left: 0;
right: 0;
top: 30%;
z-index: 1;
	}


@media (max-width: 700px) {
		.splash-center-bottom {
		text-align: center;
		width: 100%;
		right: 0;
		left: 0;
		bottom: 30px;
		}	
		.splash-center-bottom p {
		 font-size: 25px;
	}
		.splash-center-bottom p {
    width: 75%;
    bottom: 20px;
    font-size: 30px;
}
	}


@media (max-width: 768px) {
.splash-center {
    top: 35%;
}
}