/* --- Adjust the nav to work with the hero background --- */

#nav .container .logo .logoDark {
    opacity: 1 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

#nav .container .logo .logoLight {
    opacity: 0 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

#nav .container .content .links li a {
    color: #112867;
}

#nav .container #toggleMobileNav .icon:before,
#nav .container #toggleMobileNav .icon:after,
#nav .container #toggleMobileNav .icon span {
    background: #3E4A57;
}

/* ------ End nav adjustments ------ */

.contact-container h2 {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
}

.contact-container h2 img {
    margin-right: 15px;
}

.contact-container p {
    font-size: 18px;
}

.contact-container .pill {
    margin-left: 20px;
}

/* --- Media Queries -------------------- */

@media all and (max-width: 960px) {
    .mobile-reverse-col .pill {
        margin: 0;
        margin-bottom: 12px;
        width: fit-content;
    }
}

@media all and (max-width: 768px) {}