html,body {
  height:100%;
}

.carousel-inner,.carousel,.item,.container,.fill {
  height:100%;
  width:100%;
}


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

.carousel-inner {
    height: 100%;
}

.carousel-inner img {
	width:100%;
  	height:100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.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: 50px 0;
}

#page-content-wrapper {
    padding: 20px 20px 20px 7px;
}