.text-justify {
    text-align: justify;
}
.logo-container {
    text-align: right;
    padding-right: 100px;
}
.sub-header-desktop {
    display: block;
}
.sub-header-mobile {
    display: none;
}
@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;
    }
}