#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: rgb(86, 121, 156);
}  
a:focus, a:hover, a:active {
    color: rgb(86, 121, 156);
}  
a {
    color: #b9b9b9;
    text-decoration: none;
    background-color: transparent;
}
@media (min-width: 992px) {
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
      color: #fff;
      background: rgb(86, 121, 156);
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
      color: #fff;
      background: rgb(86, 121, 156);
    }
} 
.portfolio .portfolio-item .portfolio-item-caption {
    transition: all ease .5s;
    opacity: 0;
    background-color: rgba(86, 121, 156, 0.7);
}
.bg-primary {
    background-color: rgb(86, 121, 156) !important;
}
.footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #ffffff00;
    color: #2c3e50 !important;
}
   
.footer .btn-outline-light {
    color: #2c3e50;
    border-color: #2c3e50;
}
.footer .btn-outline-light:hover {
    color: #fff;
    background-color: rgb(86, 121, 156);
    border-color: rgb(86, 121, 156);
}
.btn-primary {
    background-color: rgb(86, 121, 156);
    border-color: rgb(86, 121, 156);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: rgb(108, 130, 152);
    border-color: rgb(108, 130, 152);
    color: #fff;
}