.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: #fff
}
.page-footer {
 background-color: #2f6faf
}
.top-nav-collapse {
 background-color: #fff
}

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