.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:#ececec; color:#666666 !important;}
footer.page-footer a {
    color: #666666 !important;
}
@media only screen and (max-width:768px){
    .navbar{background-color:#497272;}
}