html {
    color: grey;
}

.navbar-brand {
    color:  rgb(20, 35, 48);
    font-size: 1.5rem;
    font-weight: 400;

}

.navbar.scrolled {
    background: white;
    transition: background 100ms;
}

.button {
    color:  rgb(20, 35, 48);
}

.btn-lg {
    font-size: 1.2rem;
} 

#pills-doc-tab.active {
    color: lightgrey;
}

#pills-prep-tab.active {
    color: lightgrey;
}

.navbar {
    font-size: 1.25rem;
    font-weight: 400;
}

.nav-item:active {
    font-weight: 700;
}

.nav-item:hover {
    color: rgba(59, 100, 137, 1);
}

.jumbotron {
    background: url(imgs/jumbo.jpg) center / cover no-repeat;
    color: white;
    text-shadow: 0px 4px 3px rgba(0,0,0, 0.1),
            0px 5px 8px rgba(0, 0 ,0, 0.1),
                0px 11px 11px rgba(0, 0, 0, 0.1);
    line-height: 2;
}

#jumbotronbtn {
    background: rgba(59, 100, 137, 1);
}

hr {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.card-header {
    padding: .3rem;
}

.img-fluid {
    display: inline-block;
}

#about {
    color: rgb(20, 35, 48);
}

.carousel-caption {
    color: #464a4d;
}