.view { background: url("/slides/homepage.jpg")no-repeat center center; background-size: cover; } .navbar { background: rgb(132,235,173); background: linear-gradient(90deg, rgba(132,235,173,1) 10%, rgba(110,182,207,1) 29%, rgba(109,146,255,1) 92%); } .footer-grad { background: rgb(132,235,173); background: linear-gradient(90deg, rgba(132,235,173,1) 10%, rgba(110,182,207,1) 29%, rgba(109,146,255,1) 92%); } .top-nav-collapse { background-color: #4285F4; } @media only screen and (max-width: 768px) { .navbar { background-color: #4285F4; } } html, body, header, .view { height: 100%; } .jumbotron-header { height: 200px; width: 100%; margin-bottom: 20px; }