/* Carousel arrow*/
/*.carousel-control-next, .carousel-control-prev {
  color: #F69729;
}*/

/* Carousel Text & Images*/
.carousel-inner{
  height: 550px; !important
}

.carousel-item {
  /*height: 500px; !important*/
}

.about-content {
  margin-top: 100px;
  margin-bottom: 100px;
}


.carousel-caption.title {
  max-width: 100%;
  top: 0;
  bottom: 0; 
  margin: 0;
  padding: 0;
  /*top: 185px;*/
  top: 35%;
/*  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  transform: translateY(-70%);*/
}



.carousel-indicators .active {
  background-color: #FFF;
}

body {
  margin: 0;
  padding: 0;
}

section {
  width: 100%;
  height: 100%;
  /*height: 100vh;*/
}

.container-small {
  width: 40%;
}

.lead{
  font-size: 2rem;
}



.header_img_bg{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover
}

/*.carousel-item > img {

        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;"

}*/

/* Media Queries */
@media only screen and (min-width: 1500px) {
  .carousel-inner{
    /*height: 700px; !important*/
  }

  .carousel-caption.more {
    top: 65%;
  }

  .carousel-caption.more:hover {
    top: 60%;
  }

  .carousel-caption.title {
    top: 35%;
  }

  .about-content {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .lead{
  font-size: 1.8rem;
}
}

@media only screen and (max-width: 1100px) 
{
  .carousel-caption.more {
    top: 85%;
  }

  .carousel-caption.more:hover {
    top: 78%;
  }

  .carousel-caption.title {
    top: 35%;
  }

  .about-content {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .lead{
  font-size: 1.6rem;
}
}


@media only screen and (max-width: 992px) {
  .carousel-inner{
    height: 450px; !important
  }

  .carousel-caption.more {
    top: 80%;
  }

  .carousel-caption.more:hover {
    top: 73%;
  }

  .carousel-caption.title {
    top: 40%;
  }

  .lead{
  font-size: 1.4rem;
}
}

@media only screen and (max-width: 768px) {
  .carousel-inner{
    height: 350px; !important
  }

  .carousel-caption.more {
    top: 80%;
  }

  .carousel-caption.more:hover {
    top: 73%;
  }

  .carousel-caption.title {
    top: 30%;
  }

  .about-content {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .lead{
  font-size: 1.2rem;
}
}


@media only screen and (max-width: 576px) {
  .carousel-inner{
    height: 250px; !important
  }

  .carousel-caption.more {
    top: 75%;
  }

  .carousel-caption.more:hover {
    top: 68%;
  }

  .carousel-caption.title {
    top: 30%;
  }

  .about-content {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lead{
  font-size: 1rem;
}
}

@media only screen and (max-width: 375px) {
  .carousel-inner{
    height: 225px; !important
  }

  .carousel-caption.more {
    top: 75%;
  }

  .carousel-caption.more:hover {
    top: 68%;
  }

  .carousel-caption.title {
    top: 30%;
  }

  .about-content {
    margin-top: 50px;
    margin-bottom: 50px;
  }


@media only screen and (max-width: 320px) {
  .carousel-caption.title p {
    display: none;
  }

  .carousel-inner{
    height: 185px; !important
  }


  .carousel-caption.title {
    top: 25%;
  }

  .about-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}