/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  text-shadow:none;
  z-index: 10;
  left: 10%;
  right:10%;
  top:28%;
}
.carousel-caption h1{ font-family:"poppinsbold"; font-size: 53px;text-shadow: 4px 4px 2px #C39F31;font-weight:500; margin-bottom: 30px; padding-top: 20px; }
.carousel-caption p{font-family:"poppinslight";font-size:21px;text-shadow: 2px 2px 2px #000;letter-spacing:0.1em;line-height:28px;margin-bottom:50px;text-transform:uppercase;padding-bottom: 20px; }
p.btn-container{background: none}
/* Declare heights because of positioning of img element */
.carousel .item {height: 100%; background-color: #777;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 100%; /*500px;*/}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.carousel-caption .btn {color:#C39F31;background: #000 none repeat scroll 0 0;border-color: #000;border-radius: 2px;font-family: poppinssemibold;font-size: 13px;letter-spacing: 0.02em;text-shadow: none;}
.carousel-caption .btn:hover{background: #111;color:#C39F31;}
.carousel-indicators li {background-color: #C39F31;cursor: pointer;display: inline-block;height: 10px;margin: 0px;text-indent: -999px;width: 10px;}
.carousel-indicators .active{height: 10px;width: 10px; border:0px; }
.glyphicon-chevron-left::before,.glyphicon-chevron-right::before{content: ""}
.small-title{color: #C39F31; font-family: "open_sanssemibold"; font-size:16px; text-transform: uppercase;margin-top:0px;letter-spacing: 0.12em;}
/* RESPONSIVE CSS
-------------------------------------------------- */
/* Bump up size of carousel content */
@media (min-width: 768px) {.carousel-caption p {margin-bottom: 50px;font-size: 21px;line-height: 1.4;}}
@media (min-width: 992px) {.featurette-heading {margin-top: 120px;}}