.navbar-header{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.navbar-brand{
 max-width: 100%;
 width: 8rem;  
}

.logo-footer{
    max-width: 100%;
    width: 5rem;  
}



@media (501px <= width <= 992px){
    #fa{
        font-size: 2rem;
    }
}


@media (max-width: 767px) {
    
    .portfolio-items isotope{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-items: center;
    }
    
}

@media (max-width: 500px) {

    .navbar-brand{
        width: 5rem;
    }
}

@media (max-width: 360px) {

    .navbar-brand{
        width: 4rem;
    }
}