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

@media(max-width: 1024px){
   #ciclismo, .rota{
      padding: 0 50px;
   }

   #rota .texto{
      width: 90%;
   }
}

@media(max-width: 768px){
   #ciclismo, .rota{
      padding: 80px 20px;
   }

   .rota{
      display: flex;
      flex-direction: column-reverse;
      height: 100%;
   }

   .rota img{
      padding: 80px 50px;
      width: 400px;
   }

   .rota .texto{
      width: 100%;
   }
   
   #rotas .rota.img-lado-direito{
      padding: 0;
      flex-direction: column;
   }
}

@media(max-width: 600px){
   #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);}
}