.view,body,html {height:100%}
.carousel {height:70%}
.miCarousel {height:100%} 
.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item {height:100%}

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

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

.page-footer,.top-nav-collapse{background-color:#005b5a;}
@media only screen and (max-width:768px){
    .navbar{background-color:#005b5a;}
}