#banner{
  min-height:300px;
  background-image: url('../imgs/slide-bg-2.png');
  background-size: cover;
}
#banner-heading {
  background-color: #FFB100;
  font-size:1.5em;
  line-height:1.25em;
  font-weight:150;
  color:#ffffff;
  text-align:center;
  padding: 10px;
}

.intro-text {
  margin-top: -80px;
}
.carousel-container{
  width:100%!important
}
.carousel-item > img{
  width:100%;
  height:auto;
  opacity: 95%;
}
.carousel-item{
  overflow:hidden
}
.carousel-caption{
  z-index:10;
  max-width:100%;
  color:#fff;top:50%;
  margin-left:25%;
  margin-right:auto;
  bottom:auto;
  padding:2em;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  /*-webkit-transform:translate(40%,-50%);
  -ms-transform:translate(40%,-50%);
  transform:translate(40%,-50%);*/
/*  background-color:rgba(255, 177, 0, 0.45);*/
  background-color:rgba(83, 130, 50, 0.45);
  text-align: left;
  float:right;
/*  border: 1px solid rgba(255, 177, 0, 1);*/
}
.carousel-item > .carousel-caption > p.caption {
  font-size: 3.5em;
/*  font-size: 4.5em;*/
  font-weight:100;
  line-height:1em;
  font-weight: 50;
/*  line-height:.75em;*/
}
.sub-caption{
  width:85%;
  max-width: 500px;
  text-align: left;
}

@media screen and (max-width:400px){
  .carousel-indicators{
    display:none
  }
  .carousel-caption>h3{
    font-size:1.1em;
    font-weight:300
  }
  .carousel-caption>p{
    font-size:.9em
  }
}
@media screen and (min-width:401px){
  .carousel-caption{
    width:65%
  }
  .carousel-caption>h3{
    font-size:1.2em;
    font-weight:300
  }
  .carousel-caption>p{
    font-size:1.1em
  }
}
@media screen and (min-width:700px){
  .carousel-caption{
    width:70%
  }
  .carousel-caption>h3{
    font-size:1.5em;
    font-weight:300
  }
  .carousel-caption>p{
    font-size:1.6em;
    font-weight:400
  }
}