body {
	min-height: 75rem;
	padding-top: 4.5rem;
}

/* 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 {
  height: 32rem;
}

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

.container {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
			
.navbar-mbagan {
	border-bottom: 3px solid #fdc80a;
}
			
.bg-mbagan h1 {
	color: #fdc80a;
}
			
.bg-mbagan h2, h3, h4, h5, h6, p {
	color: #fff;
}

.bg-mbagan a {
	color: #fff;
	font-weight: bold;
}

.bg-mbagan a:hover {
	text-decoration: underline;
}
			
hr {
	margin: 2rem 0;
	border: 1px solid #fdc80a;
}

ul li {
	color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
}


/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
	margin: 2rem 0;
}

/* Footer */
main > .container {
	padding: 60px 15px 0;
}
			
.footer {
	background-color: #fff;
	border-top: 3px solid #fdc80a;
}
	
.footer p {
	color: #21409a;
}
	
.footer hr {
	margin: 0;
	border: 2px solid #fdc80a;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
			
.footer .container a {
	color: #21409a;
}

.footer .container a:hover {
	text-decoration: underline;
}
			
.footer .container .row {
	align-items: center;
}

.footer .container .row p {
	margin-top: 16px;
}

.img-gallery img {
	margin: 10px;
}