@charset "utf-8";
/* CSS Document */


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

/* Carousel base class */
.carousel {
	margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}

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

.carousel-item{
	height: auto;
}

.carousel-item .show-image {
	display: block;
	width:100%;
}

/* CONTENTS
-------------------------------------------------- */

main h3 {
	margin-bottom: 1rem;
}

main p {
	line-height: 1.75rem;
}

.movie {
	width: 100%;
	padding-bottom: 56.25%;
	height: 0px;
	position: relative;
}

.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


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

@media (max-width: 767.98px) {
h2 {
	font-size: 16px;
	}
}