body{
    background-color: #ffffff;
}

.navbar {
    transition: all 0.5s;
}

.navbar-scrolled {
    background-color: white;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
    

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item {
    height: 50vh;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;    
}

html {
    scroll-padding-top: 5rem;
}

body {
    position: relative;
}