/* Add basic styling for the carousel */
.carousel-container {
    width: 100%;
	height:850px;
    overflow: hidden;
	position:relative;
}

.carousel {
    display: flex;
    transition: transform 0.3s ease;
}

.carousel-slide {
    flex: 0 0 100%;
}

img {
    max-width: 100%;
    height: auto;
}

.carousel-nav div{position:absolute; top:50%; z-index:10; font-size:40px; cursor:pointer; opacity:0.5; color:#FFF;}
.carousel-nav div:hover{color:#000;}
.carousel-nav #next{right:10px;}
.carousel-nav #prev{left:10px;}

@media screen and (max-width: 981px) {
	.carousel-container{height:370px;}
}