@media(max-width: 1440px) {
   #intro .btn{
      font-size: 1em;
      width: 200px;
      height: 50px;
   }

   .cachoeira .rota ol li{
      padding-bottom: 5px;
   }
   
   .cachoeira {
      padding: 50px 130px;
      justify-content: center;
   }

   .cachoeira .rota{
      padding: 10px;
   }

   #cachoeira-do-mirante,
   #cachoeira-de-itaquarussu,
   #cachoeira-do-curupira,
   #cachoeira-de-cedro,
   #cachoeira-aguas-cristalinas,
   #cachoeira-do-daime,
   #chachoeira-das-flores
   {
      height: 100%;
   }
}

@media(max-width: 768px){
   #cachoeiras{
      grid-template-columns: auto;
      padding: 80px 50px;
   }

   .cachoeira{
      padding: 80px 50px;
   }

   .cachoeira .conteudo{
      display: flex;
      flex-direction: column;
   }

   .cachoeira .rota{
      width: 100%;
   }

   .cachoeira .texto{
      width: 100%;
   }

   .cachoeira .fotos{
      display: grid;
      
      grid-template-rows: 1fr;
      justify-content: space-between;
      margin-top: 10px;

      column-gap: 10px;
   }

   #cachoeira-do-mirante{
      grid-template-columns: 1fr 1fr;
   }

   #cachoeira-do-mirante .fotos a:nth-of-type(1){
      display: none;
   }




   #cachoeira-aguas-cristalinas .fotos{
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: 
         'f1 f2'
      ;
   }



   
   #cachoeira-das-floreslinas .fotos{
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: 
         'f1 f2'
      ;
   }
}

@media(max-width: 600px){
   #cachoeiras{
      padding: 80px 20px;
   }

   #intro .img-bg{
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
   }

   #intro .img-bg img{
      width: 80%;
      margin-bottom: 40px;
   }

   #intro .img-bg a.btn{background-color: rgba(0, 0, 0, .2);}

   
   
   .cachoeira{
      padding: 80px 20px;
   }
   
}