@media (max-width: 575px) {
    .mobile-hide {
        display: none !important;
    }

#conteudo-principal {
  height: auto;
  width: auto;
}

.main {
  flex-direction: column;
  padding-bottom: 5rem;
  align-items: center;

}

.titulo {
  flex: 1;
}

.titulo-cima p {
font-size: 26px;
}

.titulo-container img {
  width: 3rem;
  flex: 1;
  height: auto;
}

.titulo-baixo p {
  font-size: 23px;
}

.menu img {
  width: 100%;
}

.timeline-button {
  width: 64px;
  font-size: 16px;
}

.texto {
  font-size: 16px;
  width: 100%;
  padding: 1.5rem;
}

.paragrafo {
  display: flex;
  align-content: center;
  justify-content: center;
}

.paragrafo p {
  width: 88%;
  margin-top: 2.2rem;
  margin-bottom: 2.5rem;
}

 .main {
  flex-direction: column;
  padding-bottom: 5rem;
  align-items: center;
  padding: 0 2rem 4rem 2rem;
  gap: 4rem;
}

.menu {
  width: 100%;
  margin-left: 0.8rem;
}

.ano p {
  font-size: 33px;
  width: 8rem;
}

.button-1948 {
  left: -7%;
  top: 25%;
}

.button-1952 {
  left: -8%;
  top: 54%;
}

.button-1960 {
  left: 6%;
  top: 78%;
}

.button-1964 {
  left: 29%;
  top: 85%;
}

.button-1976 {
  left: 52%;
  top: 79%;
}

.button-1995 {
  left: 71%;
  top: 64%;
}

.button-2025 {
  left: 85%;
  top: 43%;
}

.referencias-container {
  padding: 3rem 2rem;
}

}