/* Global Styles */

html, body {
  height: 100%;
}

body {
  padding-top: 0px;
 /* body padding for fixed top nav */
}


/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}


/* Half Page Height Carousel Customization */
.carousel {
  height: 580px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  background-position: center;
  background-size: cover;
}

.carousel-header {
  position: absolute;
  right: 15%;
  top: 20px;
  left: 15%;
  padding-top: 0px;
  padding-bottom: 10px;

  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 430px;
 /* increases the carousel height so it looks good on phones */
  }
}