.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0 !important;
    align-items: center;
}

.hero-logo{
    width: 25rem;
}

.text-justify{
    text-align: justify;
}

.navbar-toggler{
    visibility: hidden;
}

ul{
    visibility: hidden;
}

@media(max-width:321px){
    .hero-logo{
        width: 18rem;
    }
    
}