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

   #intro img{
      width: 60%;
   }
}


@media(max-width: 1024px) {
   #trilhas{
      padding: 80px;
   }

   #rotas .rota{
      height: 100%;
   }

   .rota.img-lado-esquerdo,
   .rota.img-lado-direito{
      padding: 80px;
   }
}

@media(max-width: 768px){
   #trilhas{
      padding: 50px;
   }

   .rota{
      display: flex;
      flex-direction: column;
   }

   .rota .texto {
      width: 100%;
   }

   .rota.img-lado-esquerdo,
   .rota.img-lado-direito{
      padding: 80px 50px;
   }

   #rotas .rota.img-lado-direito .texto{
      padding-left: 0;
   }

   .rota.img-lado-esquerdo{
      flex-direction: column-reverse;
   }

   .rota img{
      width: 50%;
      padding: 30px;
   }
}

@media (max-width: 600px){
   #trilhas{
      display: flex;
      height: 100%;
   }

   .rota.img-lado-esquerdo, .rota.img-lado-direito {
      padding: 80px 30px;
   }
}