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}footer{margin:50px 0}@media screen and (max-width:1300px){body{height:70%!important}}@media screen and (max-width:768px){body{height:50%!important}}@media screen and (max-width:320px){body{height:30%!important}}@media screen and (max-width:375px){body{height:40%!important}}@media screen and (max-width:414px){body{height:40%!important}}