:root {
    --brand-blue: rgba(14,216,249,1);/* #0ed8f9 */
    --brand-blue-dark: rgba(10,123,145,1);/* #0ed8f9 */
}
.text-justify {
    text-align: justify;
}
.logo-container {
    text-align: right;
    padding-right: 100px;
}
.sub-header-desktop {
    display: block;
}
.sub-header-mobile {
    display: none;
}
.logo {
    width: 400px;
}
.text-blue {
    color: var(--brand-blue)!important;
}
a:hover {
    color: var(--brand-blue-dark);
    text-decoration: none;
}
.mobile-nav-toggle {
    color: var(--brand-blue);
}
@media (max-width: 992px) {
    #hero .container {
        padding-top: 0;
    }
    .logo-container {
        text-align: center;
        padding: 0 0 10px;
    }
    .about-content,
    .about-header {
        text-align: center;
    }
    .sub-header-desktop {
        display: none;
    }
    .sub-header-mobile {
        display: block;
    }
}