html, body {
	height:100%;
}

.carousel {
	height:50%;
	margin-top:110px;
}


.item,
.active,
.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}

.section {
	margin: 30px 0;
}

footer {
	margin: 50px 0;
}


.navbar-inverse .navbar-nav  li  a {
	color: #cfe8fc;
}

@media (max-width: 768px) {

.carousel {
	margin-top:110px;
	height:30%;
	}


@media (max-width: 480px) {

.carousel {
	height:30%;
	}







}