.slider__item div {
    /*change slider height below, currently set to full window height*/
    height: 80vh !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.slider-box,
.slider__item {
	position: relative;
}

.slider {
	overflow: hidden;
}

.slider__canvas {
	transition: transform 0.3s;
}

.slider__item {
	float: left;
}

.slider__item__title {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	margin: 0;
	color: #468;
	font-size: 2.5rem;
	line-height: 1;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	transition: opacity 0.3s, transform 0.3s;
	transform: translate3d(-50%, -60%, 0);
}

.active .slider__item__title {
	opacity: 1;
	transition-delay: 0.3s;
	transform: translate3d(-50%, -50%, 0);
}

@media(min-width: 48rem) {
	.slider__item__title {
			font-size: 5rem;
	}
}


/*
4.1 - Slider Nav
*/

.slider-nav {
	color: #fff;
	font-size: 1rem;
	text-align: center;
}

.slider-nav__dots {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.slider-nav__prev,
.slider-nav__next,
.slider__dot {
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px;
	cursor: pointer;
	backface-visibility: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
}

.slider-nav__prev,
.slider-nav__next {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	line-height: 3rem;
}

.slider-nav__prev {
	left: 7%;
}

.slider-nav__next {
	right: 7%;
}

.slider__dot {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin: 0 1rem;
}

.slider-nav__prev:hover,
.slider-nav__next:hover,
.slider__dot.active,
.slider__dot:hover {
	transform: scale3d(1.5, 1.5, 1);
}



.slider__item div {
    background-position: center center !important;
}




@media screen and (max-width: 736px) {

.slider__item div {
  height: 250px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

}