/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
	margin-bottom: 4rem;
	/*margin-top: 80px;*/
	margin-top: 117px;
}

.carousel-indicators {
	display: none;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 80%;
}

	.carousel-caption img {
		max-width: 75px;
	}

/* Declare heights because of positioning of img element */
.carousel-item {
	height: auto;
}

	.carousel-item > img {
		/*position: absolute;
		top: 0;
		left: 0;
		height: 36rem;*/
		min-width: 100%;
	}

/* Carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-image: none;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

	.carousel-control-prev-icon > i,
	.carousel-control-next-icon > i {
		line-height: 39px;
	}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
/*.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}

.marketing h2 {
	font-weight: 400;
}

.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}*/


/* Featurettes
------------------------- */

/*.featurette-divider {
	margin: 5rem 0;
}

.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}*/


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

@media (min-width: 40em) {
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}
}

@media (max-width: 991px) {
	.carousel {
		margin-top: 0;
	}

	.carousel-caption {
		padding-top: 0;
	}

		.carousel-caption img {
			max-width: 30px;
		}

	.list-inline-item:not(:last-child) {
		margin-right: 0.5em !important;
	}
}

@media (max-width: 767px) {

	.carousel-caption {
		-webkit-transform: translate(-50%, -90%);
		transform: translate(-50%, -100%);
	}

		.carousel-caption h1 {
			font-size: 90%;
			line-height: 1;
		}

		.carousel-caption h3 {
			font-size: 80%;
			line-height: 1;
		}

		.carousel-caption ul {
			margin-bottom: 0;
		}

		.carousel-caption img {
			max-width: 20px;
		}
}