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

   #intro img{
      width: 60%;
   }

   #cards{
      padding: 0 50px;
      width: 100%;
   }

   #cards .card{
      flex-basis: 350px;
   }
   
   #cards .card .card-texto p{
      font-size: 1.1em;
   }
}

@media(max-width: 1024px){
   #turismo-religioso{
      grid-template-columns: 1fr;
      padding: 50px;
   }

   #cards{
      padding: 0 50px;
   }
}


@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);}

   #turismo-religioso{
      height: 100%;
      padding: 50px 20px;
   }

   #turismo-religioso .texto{
      padding: 0;
   }

   #cards .card h3{
      height: auto;
   }

   #cards{
      padding: 0;
   }

   #cards .card .card-texto{flex-grow: 0;}
}