html,
body {
    height: 100%;
}
.carousel,
.item,
.active {
    height: 90%;
}
.carousel-inner {
    height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px){
.carousel-caption {
}
.carousel-caption .slider-head {
}
.carousel-caption .slider-caption {
}
}
@media (min-width: 992px) and (max-width: 1199px){
.carousel-caption {
}
.
.carousel-caption h1.slider-head {
}
.carousel-caption .slider-caption {
}
}
@media (min-width: 768px) and (max-width: 991px){
.carousel-caption {
}
.carousel-caption h1.slider-head {
}
.carousel-caption .slider-caption {
}
}
@media (max-width: 767px){
.carousel-caption {
left: 4%; top: 10%; margin-right: 4%;
}
.carousel-caption h1.slider-head {
font-size: 24px; margin-bottom: 10px;
}
.carousel-caption .slider-caption {
font-size: 20px;min-height: 140px;
}
#intro .carousel-caption a.btn-default {
padding: 9px 20px;
}
}
@media (max-width: 480px){
.carousel-caption {
left: 4%; top: 10%; margin-right: 4%;
}
.carousel-caption h1.slider-head {
font-size: 24px; margin-bottom: 10px;
}
.carousel-caption .slider-caption {
font-size: 20px;min-height: 140px;min-height: 140px;
}
#intro .carousel-caption a.btn-default {
padding: 9px 20px;
}
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
	
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
   -moz-transition: opacity 0.9s ease-in-out;
   -webkit-transition: opacity 0.9s ease-in-out;
   -ms-transition: opacity 0.9s ease-in-out;
   transition: opacity 0.9s ease-in-out;
   -moz-transition: opacity 0.9s ease-in-out;
   -webkit-transition: opacity 0.9s ease-in-out;  
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d){
    .carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    
}
    .carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    
}
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    
}
}