#header{
    grid-template-columns: 3.5% 32% 35% 29.5%;
}

@media screen and (max-width: 865px) {
    #header{
        grid-template-columns: 40px calc(100% - 121px) 40px 40px;
        padding: 0px 0;
    }
    .logo-wrap #logo{
        font-size: 25px;
    }
    .logo-wrap #logo span{
        display: block;
        margin-top: -12px;
    }
}

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

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

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

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

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