.carousel{
-webkit-box-shadow: 0 5px 10px -5px #000;
       -moz-box-shadow:0 5px 10px -5px #000;
            box-shadow: 0 5px 10px -5px #000;
}
@media (min-width: 1200px) {
	/* Carousel base class */
	.carousel {
	  height: 567px;
	  margin-bottom: 60px;
	}
	/* Since positioning the image, we need to help out the caption */
	.carousel-caption {
	  z-index: 10;
	}
	
	/* Declare heights because of positioning of img element */
	.carousel .item {
	  height: 567px;
	  background-color: #777;
	}
	.carousel-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
	  height: 567px;
	}
}