html {
    position: relative;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.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);
        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);
        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);
        transform: translate3d(0, 0, 0);
    }
}

.item {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom:0; /*Opera, IE, Edge, Chrome*/
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}

/*Bootstrap custom*/
.carousel-indicators, .carousel-control, .carousel-caption {
    position: fixed;
}

.carousel-caption {
    left: 25%;
    text-align: left;
    right: 0%;
    bottom:90px;
}

.carousel-caption h2 {
    font-size: 550%;
    text-shadow: 0px 0px 10px black;
}

.carousel .carousel-control, .carousel .carousel-indicators {
    opacity: 0;
        transition: opacity 0.5s ease-out; /* vendorless fallback */
         -o-transition: opacity 0.5s ease-out; /* opera */
        -ms-transition: opacity 0.5s ease-out; /* IE 10 betas, not needed in final build. */
       -moz-transition: opacity  0.5s ease-out; /* Firefox */
    -webkit-transition: opacity 0.5s ease-out; /*safari and chrome */
}

.carousel:hover .carousel-control, .carousel:hover .carousel-indicators {
    opacity: 1;    
            transition: opacity 0.5s ease-in; /* vendorless fallback */
         -o-transition: opacity 0.5s ease-in; /* opera */
        -ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */
       -moz-transition: opacity  0.5s ease-in; /* Firefox */
    -webkit-transition: opacity 0.5s ease-in; /*safari and chrome */
}​
/***/


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-caption h2 {
        font-size: 400%;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-caption h2 {
        font-size: 300%;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .carousel-caption h2 {
        font-size: 200%;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .carousel-caption h2 {
        font-size: 150%;
    }
    
    .carousel-caption {
        bottom:40px;
    }
}