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

/* Carousel base class */
.carousel { margin:0; position:relative; }

.carousel .caption { 
     background:#000;
     filter:alpha(opacity=50);
     opacity: 0.6;
     -moz-opacity:0.6;
     -webkit-opacity:0.6;
	 padding:10px 15px;
	 color:#FFF;
	 z-index:10;
	 height:25%;
	 width:100%;
	 position:absolute;
	 bottom:0;
	 float:none;
}

#myCarousel .carousel-item { height: 25.5rem; }
#myCarousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 34rem;
}

@media (min-width: 40em) {
.carousel  .caption p { font-size: 1.50rem; line-height: 1.2; }

}