.heroLogo {
    width: 100%;

    @media (max-width:767px) {
        width: 88%;
    }
}

.heroLogoTwo {
    display: flex;
    justify-content: end;

    img {
        height: auto;
        width: 14rem;
    }

    

    @media (max-width:767px) {
        display: none;
    }
}

.hiddenNav {
    .nav-link .dropdown-toggle a {
        color: white !important;
    }

    @media (max-width:768px) {
        display: none;
    }
}

.navOne {
    display: none;

    @media (max-width:767px) {
        display: initial;
    }
}

.navTwo {
    @media (max-width:767px) {
        display: none;
    }
}

#navbarSupportedContent {
    display: flex;
}

@media (max-width: 767px) {

    #navbarSupportedContent {
        display: none;
    }

    #navbarSupportedContent.show {
        display: block;
    }
}