:root {
    --primary: #16699AFF;
    --accent: #21b7bc;
    --grad-left: rgba(67, 43, 128, 0.85);
    --grad-right: rgba(33, 158, 188, 0.8);
}

.login-container .btn-primary:hover { background-color: #10567e; }

.form-header img {
    width: 280px;
}

#main-navigation .menu > li.active > a,
#main-navigation .menu > li:hover > a,
#main-navigation .menu > li.active > span,
#main-navigation .menu > li:hover > span
{
    color: var(--accent) !important;
}

#logo img {
    height: 7.2rem;
}

#logo {
    padding: 12px 0;
}

@media (min-width: 992px) {
    #logo {
        padding: 12px 0 10px;
    }
}