/* Carousel base class */
.carousel {
  margin-top: 20px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(183,184,184, 1);
  -moz-box-shadow:    0px 0px 15px 0px rgba(183,184,184, 1);
  box-shadow:         0px 0px 15px 0px rgba(183,184,184, 1);
  border: 1px solid #c6b739;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10; background: rgba(0, 0, 0, 0.4); width:100%; position:absolute; left:0;
}

.carousel-caption-text {
z-index: 11; font-family: 'Open Sans', sans-serif; font-size:1.75em; font-weight:bold; color:#FFFFFF; line-height:150%; font-style:normal; text-shadow: 3px 3px 3px #000000;
}

@media (max-width:767px){.carousel-caption-text{font-size:0.875em;}} @media (max-width:1200px){.carousel-caption-text{font-size:1.25em;}}


/* Declare heights because of positioning of img element 
Images must be 1170 x 400 px */
.carousel-inner > .item > img{
    height:auto!important;
    position:relative!important;
}
.carousel .item{
    overflow:hidden!important;
    height:auto;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}