html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
	height: 100%;
	margin-top: -20px;
	margin-bottom:-20px;
}

.carousel-inner {
    height: 100%;
}

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

footer {
    margin: 75px 0;
}

@media screen and (max-width: 600px) {
  .fill, .carousel, .item, .active, .carousel-inner, .carousel-caption, .carousel-control, .carousel-indicators {
	  background-repeat:no-repeat;
	  background-size:contain;
	  background-position:center;
  }
  .carousel-caption {
	  margin-top:-100px;
  }
}