html,
body,
form{
    height: 100%;
}

.carousel-sm 
{
    height: 60%;
}

.carousel 
{   
    height: 100%;
}

.item,
.active,
.carousel-inner 
{
    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;
}
.carousel-sm .carousel-control
{
    background: none !important;
}