.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: #fff;
}

.page-footer,
.top-nav-collapse {
    background-color: #fff;
}

@media only screen and (max-width:768px) {
    .navbar {
        background-color: #fff;
    }
}

.