/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 58%;
}
.item,
.active,
.carousel-inner {
    height: 100%;
    margin-top: auto;
}
.carousel-caption {
    font-weight: 700;
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    text-shadow: black 1px 1px 8px;
    margin-bottom: 10px;
}

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

.fill {
    width: 100%;
    height: 100%;
    background-position: top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}