/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 3rem;
  color: #5a5a5a;
}

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

/* Carousel base class */
.carousel {
  margin-bottom: 0.1rem;
}


.carousel-item {
  padding:0 !important;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 120px !important;
  z-index: 10;
  font-weight: 800;
  min-width:1200px;
}

.carousel-caption h3, .carousel-caption p{
  text-shadow: 3px 3px 5px rgba(0,0,0,.2);
}


.carousel-caption h3 { font-size:62px; font-weight:200; margin-bottom:15px; padding-right:20%; padding-top:20px;}
.carousel-caption h3 strong { font-weight:600;}

.carousel-caption p { padding:0 0 0 0px; margin:0; background-size:18px; background-repeat:no-repeat; font-weight:400; }

/* Declare heights because of positioning of img element */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px;
}

.carousel-item {
  /*height: 700px !important;*/
  min-height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btn-info { margin-top:40px; border-radius:0; text-transform:uppercase;}


.carousel-caption p img { height:80px !important; width:auto !important; box-shadow:3px 3px 5px rgba(0,0,0,.2)l}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 978px) {
  /* Bump up size of carousel content */
  
  .carousel-item > img {
  height: 700px !important;
  }

  .carousel-item {
  height: 700pxpx !important;
  }
  
  .carousel-caption p {
    font-size: 20px;
    line-height: 150%;
	padding-right:45%;
    font-weight:400; 
	margin-bottom:10px;
	margin-top:25px;
	
  }
  .carousel-caption p img { height:80px !important; width:auto !important;}
  
  
  
  
} 

@media (max-width: 978px) {
  .carousel-item > img {
  height: 500px !important;
  }

  .carousel-item {
  height: 500pxpx !important;
  }
  	
  /* Bump up size of carousel content */
  .carousel-item {
    max-height: 20em;
	
	
  }
  

 .carousel-caption p {
    font-size: 14px !important;
    line-height: 150%;
	/*padding-right:35%;*/
    font-weight:400;
  }
  .carousel-caption p img { height:50px; width:auto !important;}
  .carousel-caption h3 {
    font-size: 1.4rem;
  }
  
  
  .carousel-caption h3 { font-size:28px; font-weight:400; margin-bottom:15px; padding-right:20%; padding-top:0px;}


.carousel-caption p { font-weight:400; }

/* Declare heights because of positioning of img element */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px;
}

.carousel-item {
  height: 180px;
  min-height: 100px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  
}

.carousel-caption h3 {padding:0px 0%; word-break:keep-all;}
@media (max-width:767.98px){
	
  .carousel-caption {
  top: 10px !important;
  
  min-width:auto;
  }	
	
.carousel-caption h3 {padding:0px 0%; word-break:keep-all;}

 .btn-info { display:none; font-size:14px !important;}

}