body{
    background-color: #e4edef;
}

.breadcrumb {
    background-color: #e4edef;
}

footer{
    text-align: center;
    color: #81abc2;
}

.img_logo {
    width: 5%;
    height: 5%;
}

.navbar {
    background-color: #637f8d!important;
}

.navbar-nav .nav-link {
    margin-right: 20px;
    margin-left: 20px;
}

/* Again, just finding css pieces to override to match my site */
.navbar-dark .navbar-nav .nav-link{
    color: #ffffff;
    text-align: left;
}

.navbar-dark .navbar-nav .nav-link:hover{
    color: #ea9999!important;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #ea9999;
}

@media (max-width: 990px) {
    .navbar-nav .nav-link {
        margin-right: 5px;
        margin-left: 5px;
    }

    .popover {
        top: 100px !important;
        left: -50px !important;
        opacity: 90%;
    }
}