@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1880px) {
}

@media only screen and (max-width: 1650px) {

  
  html,
  body {
    font-size: 0.95em;
  }

  .ingressos{
  }
  .ingressos h2{
      font-size: calc(var(--h1) * 1);
  }
  .ingressos h2 i{
    font-size: calc(var(--h1) / 1.2);
  }
  .ingresso span,
  .ingresso h3{ font-size: 2.5em;}

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

@media only screen and (max-width: 1595px) {
    
  html,
  body {
    font-size: 0.95em;
  }
}

@media only screen and (max-width: 1440px) {
  html,
  body {
    font-size: 14px;
  }

  .banner-imagem {
    width: 120%;
    height: 105%;
  }
}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1280px) {
  .banner-imagem {
    width: 130%;
    height: auto;
  }
  
  .ingresso li{ font-size: 0.90em;}

  .botao{ padding: 0.75em 1em;}
  
  .ingresso span,
  .ingresso h3{ font-size: 2.3em;}
}

@media only screen and (max-width: 1200px) {
  .container-gradiente {
    height: 60%;
    bottom: inherit;
    top: 0;
  }

  .inicio .pt-150 {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1150px) {
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 991px) {
  html,
  body {
    font-size: 14px;
  }

  .cta-1 .rosa-dos-ventos-big {
    max-width: 20em;
    max-height: 20em;
  }

  .container-perguntas-frequentes {
    grid-template-columns: repeat(1, 1fr);
  }

  .perguntas-requentes .rosa-dos-ventos {
    top: 0%;
    left: 80%;
  }

  .cta-1 .rosa-dos-ventos-big {
    position: absolute;
  }

  .container-logos img {
    max-width: 20em;
  }
}

@media only screen and (max-width: 768px) {
  html,
  body {
    font-size: 13px;
  }

  .container-logos img {
    max-width: 15em;
    margin: 0 auto;
  }

  .container-fotos img {
    height: 50%;
  }

  .logos img {
    max-width: 12em;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 650px) {
}

@media only screen and (max-width: 590px) {
}

@media only screen and (max-width: 575px) {
  .inicio .pt-150 {
    padding-top: 20px;
  }
  .inicio .pb-100 {
    padding-bottom: 50px;
  }
  .grid-participar {
    grid-template-columns: repeat(1, 1fr);
  }

  .inicio .container-gradiente {
    height: 40%;
    bottom: 5%;
  }
}

@media only screen and (max-width: 550px) {
}

@media only screen and (max-width: 425px) {
  html,
  body {
    font-size: 12px;
  }

  .inicio .container-gradiente {
    height: 30%;
  }
}

@media only screen and (max-width: 412px) {
}

@media only screen and (max-width: 375px) {
  :root {
    --h1: 3.2rem;
  }
}