.component.banner-bg {background-color: var(--cinza5); padding: 78px 0 84px;}
.component.banner-bg .conteudo {display: flex; justify-content: center; text-align: center; font: 400 35.36px/1.34 controllerext; color: var(--branco); text-shadow: 3px 3px 3px rgba(0,0,0,0.15);}

@media (max-width: 990px) {
    .component.banner-bg {padding: 55px 0;}
    .component.banner-bg .conteudo {font-size: 28px;}
}

@media (max-width: 600px) {
    .component.banner-bg {padding: 40px 0;}
    .component.banner-bg .conteudo {font-size: 24px;}
}