/* styles.css */

html,
body {
    height:100%
}

#carousel {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.carousel-slide {
    width: 100%;
    height: 100%;
}
.carousel-item > img {
    width: 100%;
    height: 100%;
}

/* cover */

#cover {
    background: #222 url('img/containers-bg.jpg') center center no-repeat;
    background-size: cover;
    height: 100%;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
}


#cover-caption {
    width: 100%;
}