.titulo-bg {background: var(--cor1); height: 180px;}
.titulo-bg .titulo {display: flex; align-items: center; justify-content: center; color: var(--branco); height: 100%; font: 400 45px ubuntu; text-align: center;}

@media(max-width: 990px){
    .titulo-bg {height: 130px;}
    .titulo-bg .titulo {font-size: 40px;}
}

@media(max-width: 500px){
    .titulo-bg .titulo {font-size: 30px;}
    .titulo-bg {height: 100px;}
}