.view,
body,
html {
    height: 100%
}

.carousel {
    height: 50%
}

.carousel .carousel-inner,
.carousel .carousel-inner .active,
.carousel .carousel-inner .carousel-item {
    height: 100%
}

@media (max-width:776px) {
    .carousel {
        height: 100%
    }
}

.navbar {
    background-color: rgba(0, 0, 0, .2)
}

.page-footer,
.top-nav-collapse {
    background-color: rgb(19, 20, 20)
}

@media only screen and (max-width:768px) {
    .navbar {
        background-color: rgb(19, 20, 20)
    }
}