#header{
    grid-template-columns: 3.5% 18.5% 48.5% 29.5%;
}

@media screen and (max-width: 865px) {
    #header{
        grid-template-columns: 40px calc(100% - 121px) 40px 40px;
    }
    .logo-wrap #logo{
        left: 2.42vw;
    }
    #banner{
        background-position: 41% center;
        background-image: url(assets/images/banner2.png);
    }
}

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

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

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

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

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