#carouselH {margin-top:92px;}
#myCarousel{height:250px;margin: 0;}
.carousel .item {height:250px !important;}
/* Carousel base class */
.carousel {}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {z-index: 10;bottom: 0 !important;padding-bottom:0;text-align:left;left:50%;right:10%;}
.carousel h1{font-family: 'Oswald', sans-serif;font-size:22px;line-height:30px}

/* Declare heights because of positioning of img element */
.carousel .item {height: 250px;background-color: #000;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;}
.carousel-indicators {bottom:9%;}
.carousel-control{width:7%;}

/* fade transition */
.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);}
}