table{
    width: 50%;
    margin: auto;
    margin-top: 150px;
}
.carousel,.item,.active{height:inherit;}
/*.carousel-inner{height:100%;}*/
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

/* faster sliding speed */
.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -ms-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}
.carousel-inner {
	height: inherit !important;
	vertical-align: middle;
	margin: auto 0 auto 0;
	padding: auto 0 auto 0 !important;
}



@media (min-width: 322) and (max-width: 530px) {
.carousel-inner {
    height: 18em !important;
}
}
@media (max-width: 321px) {
.carousel-inner {
    height: 14em !important;    
}
}