#header{
    grid-template-columns: 3.5% 29.8% 36.8% 29.5%;
}

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

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

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

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

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

#banner{
    background-position: center bottom;
}


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