#header{
    grid-template-columns: 3.5% 28% 38.3% 29.5%;
}

@media screen and (max-width: 865px) {
    #header{
        grid-template-columns: 40px calc(100% - 121px) 40px 40px;
    }
    .logo-wrap #logo{
        font-size: 24px;
    }
}

/*ADICIONADOS*/
.col-md-2.vizinhos.bairro1 {
    background-image: url(assets/images/avenida-faria-lima.webp);
}

.col-md-2.vizinhos.bairro2 {
    background-image: url(assets/images/avenida-paulista.webp);
}

.col-md-2.vizinhos.bairro3 {
    background-image: url(assets/images/rua-augusta.webp);
}

.col-md-2.vizinhos.bairro4 {
    background-image: url(assets/images/pinheiros.webp);
}

.col-md-2.vizinhos.bairro5 {
    background-image: url(assets/images/sumare.webp);
}