/* CSS Document */
.Carousel {
	width: 100%;
	max-width: 770px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
.Carousel .Carousel-slides {
	position: relative;
}
.Carousel .Carousel-slides-slide {
	float: left;
}
.Carousel .GallerySlide {
	width: 100%;
}
.Carousel .GallerySlide img {
	width: 100%;
	max-width: 770px;
	height: auto;
}
.Carousel .GallerySlide .GallerySlide-info {
	background-color: transparent;
}
.Carousel .GallerySlide .GallerySlide-infoTitle {
	font-size: 22px;
	font-weight: bold;
	font-family: Roboto-Slab,serif;
	position: relative;
	background-color: rgba(0,0,0,0.50);
	color: #ffffff;
	padding: 10px;
}
.Carousel .GallerySlide .GallerySlide-infoDescription {
	font-size: 14px;
	font-style: italic;
}
.Carousel .GallerySlide .GallerySlide-infoAttribution {
	font-size: 12px;
	font-style: italic;
}
.Carousel .Carousel-controls {
	position: absolute;
	top: 35%;
	width: 96%;
	left: 2%;
}
.Carousel .Carousel-controls a.controlBtn {
	color: #ffffff !important;
	font-size: 32px !important;
	background-color: #000000;
	border-radius: 20px;
	width: 44px;
	height: 44px;
	text-align: center;
	position: absolute;
}
.Carousel .Carousel-controls .prevBtn {
	
}
.Carousel .Carousel-controls .nextBtn {
	right: 0px;
}
.Carousel .Carousel-itemDisplay {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.50);
	font-size: 16px;
	color: #ffffff;
	padding: 5px;
	width: 60px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.Carousel .GallerySlide img {
		max-width: 100%;
	}
	.Carousel .GallerySlide .GallerySlide-infoTitle {
		font-size: 14px;
	}
	.Carousel .GallerySlide .GallerySlide-infoDescription {
		font-size: 12px;
	}
	.Carousel .Carousel-controls {
		top: 15%;
	}
	.Carousel .Carousel-controls a.controlBtn {
		background-color: rgb(0,0,0,0.5);
	}
}