.institucional-bg {padding: 70px 0 75px;}
.institucional-bg .institucional {display: flex; align-items: center; gap: 60px;}
.institucional .titulo {font: 700 53.45px bebasneue; color: var(--cinza-font);}
.institucional .titulo .sub {font: 700 16.33px montserrat; color: var(--cor3); text-transform: uppercase; letter-spacing: 3.52px;}
.institucional .texto {font: 400 15px / 2 montserrat; color: var(--cinza-font); padding: 30px 0;}

.volvo-bg .volvo {display: flex;}
.volvo .conteudo {display: flex; flex-direction: column; gap: 30px;}
.volvo .conteudo .titulo {font: 700 53.45px bebasneue; color: var(--preto-font);}
.volvo .conteudo .titulo span {font: 700 16.33px montserrat; color: var(--cor3); text-transform: uppercase; letter-spacing: 3.52px;}
.volvo .conteudo .texto {font: 400 15px / 2 montserrat; color: var(--cinza-font);}
.volvo .btn-parent {display: flex; align-items: center; gap: 40px;}

@media(max-width: 1250px){
    .institucional-bg .institucional {flex-direction: column-reverse; gap: 25px;}
    .volvo-bg .volvo {flex-direction: column;}
    .volvo .img img {margin: 0 auto; width: 100%;}
}

@media(max-width: 990px){
    .institucional-bg {padding: 0px 0 40px;}
    .institucional .titulo {font-size: 40px;}
    .institucional .titulo .sub {font-size: 13px;}
    .institucional .texto {font-size: 13px; padding: 20px 0;}
    .institucional .img {max-width: 90%;}
    .institucional .img img {width: 100%; height: auto; object-fit: contain;}
    .volvo .conteudo .titulo {font-size: 40px;}
}

@media(max-width: 650px){
    .institucional .titulo .sub {font-size: 10px;}
    .institucional .titulo {font-size: 32px;}
}