html,body {height:100%;}
.carousel,.item,.active {height:100%;}
.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;}
.fill img { width:100%; height:100%;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img { width:100%; height:100%;}
footer {margin: 50px 0;}