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

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

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

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