/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 400px;
	margin-bottom: 60px;
	overflow: hidden;
	width: 100%;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.carousel-caption h1 {
	color: white;
	font-family: Arvo, sans-serif;
	font-weight: 100;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 400px;
	width: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
}