body {
  background: #060606;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

h2 {
  color: var(--cor-primaria);
  font-family: var(--fonte-primaria);
  font-weight: 200;
  font-size: 2.5em;
}

.banner-principal p {
  font-size: 1.8em;
}

.beneficios li {
  font-size: 1.8em;
}



.bg-conteudo {
  background: #1e1d1d;
}


@media (min-width: 1200px) and (max-width: 2170px){
  h2 {
    font-size: 2em;
  }
  
  .banner-principal p {
    font-size: 1.3em;
  }
  p{
    font-size: 1.3em;
  }
  
  .beneficios li {
    font-size: 1.3em;
  }

}


@media (min-width: 1025px) and (max-width: 1200px) {
  h2 {
    font-size: 1.5em;
  }
  .banner-principal p {
    font-size: 1.2em;
  }
  p{
    font-size: 1.2em;
  }

  .beneficios li {
    font-size: 1.2em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  h2 {
    font-size: 1.3em;
  }
  .banner-principal p {
    font-size: 1.1em;
  }
  p{
    font-size: 1.1em;
  }

  .beneficios li {
    font-size: 1.1em;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  h2 {
    font-size: 1.2em;
  }
  .banner-principal p {
    font-size: 1em;
  }

  .beneficios li {
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  h2 {
    font-size: 1em;
  }
  .banner-principal p {
    font-size: 0.87em;
  }
  p{
    font-size: 0.87em;
  }

  .beneficios li {
    font-size: 0.87em;
  }
}