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

.navbar {
    /*background: linear-gradient(#a9e2e6,white);*/
    
    background: #a9e2e6; 
    background: -moz-linear-gradient(top, #a9e2e6 0%, #ffffff 30%, #ffffff 70%, #a9e2e6 100%); 
    background: -webkit-linear-gradient(top, #a9e2e6 0%,#ffffff 30%,#ffffff 70%,#a9e2e6 100%);
    background: linear-gradient(to bottom, #a9e2e6 0%,#ffffff 30%,#ffffff 70%,#a9e2e6 100%);
}

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

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