html,
body {
    height: 100%;
    font-family: 'Abel', sans-serif;
}

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

.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;
}

@media screen and (min-width: 768px){
.carousel-caption {
    padding-bottom: 50px;
}
}

.carousel-caption{
    padding-bottom: 50px;
    font-size:45px;
}
.carousel-caption .blk{
    color: #000;
    font-size:45px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .6);
}
.carousel-caption .wht{
    color: #fff;
    font-size:45px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}