html, body {
	height:100%;
}

.carousel,
.item,
.active {
	height:85%;
}

.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:auto;
	background-position: center;
	background-size: cover;
}
.carousel.slide{ height:100%;}
.section {
	margin: 50px 0;
}
@media (max-width:1180px){
.carousel-inner{ height:600px;} .fill{ height:650px;} .carousel.slide{ height:auto;}}
@media (max-width:967px){
	.carousel-inner { height:400px;}
	.fill{ height:400px;}
}
@media (max-width:670px){
	.carousel-inner { height:250px;}
	.fill{ height:250px;}
}
@media (max-width:380px){
.carousel,.carousel-inner { height:180px;}
.fill{ height:180px;}
}
@media (max-width:280px){
.carousel,.carousel-inner { height:130px;}
.fill{ height:130px;}
}