@media (min-width: 576px) and (max-width: 767px) {
  .small-hide {
    display: none !important;
  }

  #conteudo-principal {
  height: auto;
}

.paragrafo p {
  width: 36rem;
}


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

.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%;
}

}