.historia-bg {box-shadow: 0px 0px 14px 0px rgba(110,110,110,0.75); padding: 75px 0 0;}
.historia-bg .img {height: 100%; display: flex; justify-items: center; align-items: center; position: relative; padding: 130px 0 100px}
.historia-bg .img svg {position: relative;}
.historia-bg .bolinha {position: relative;border: 5px solid var(--preto);}
.historia-bg .titulo {margin: 0 0 30px; text-align: center; font: 40.21px oblivion;}

.timeline-label .content.parent {display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 340px; text-align: center;}
.timeline-label .content.parent strong {font:600 24.21px oblivion; opacity: 0; transition: var(--transition2);}
.timeline-label .content.parent p {font: 15px / 1.78 montserrat;opacity: 0; transition: var(--transition2);}

.timeline-label.ativo .content.parent p,
.timeline-label.ativo .content.parent strong {opacity: 1;}
.years-parent {display: none;}



@media(max-width: 1800px){
    .timeline-label .content.parent {max-width: 300px;}
    .timeline-label .content.parent p {font-size: 12px;}
}

@media(max-width: 1580px){
    .timeline-label .content.parent {max-width: 270px;}
}

@media(max-width: 1450px){
    .timeline-label .content.parent {max-width: 230px;gap: 5px;}
    .timeline-label .content.parent br {display: none;}
}

@media(max-width: 1350px){
    .historia-bg {padding: 40px 0;}
    .historia-bg .img {display: none;}
    .years-parent {display: flex; gap: 30px; justify-content: center;}
    .years-parent .years-list {display: flex; flex-direction: column; gap: 20px;}
    .years-parent .years-list .texto { color: var(--cor3); font: 16px / 1.3 montserrat; padding: 10px 20px; text-align: center;}
    .years-parent .follower { position: relative; width: 10px; height: 100%;display: block;}
    .years-parent .ano {padding: 10px 0; text-align: center; font: 16px montserrat; color: var(--branco);}

}