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

  main{
    width: 90%;
  } 

  .contenedor{
    width: 95%;
  }


}

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

  main{
    width: 90%;
  } 

  .contenedor{
    width: 70%;
  }
}

 @media screen and ( max-width:850px){
  .contenedor{
    width: 100%;
  }

.contenedor{
    width: 90%;
} 

.lineas{
  margin-top: 30px;
  width: 95%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
 }


}
@media screen and ( max-width:600px){
       
  main{
    width: 95%;
  }  
  
.contenedor{
    width: 90%;
}

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

.contenedor{
    width: 95%;
 }



.lineas h3{
  width: 80%;
 margin: 10px auto 0 auto;
}
.lineas ul{
    display: flex;
    flex-direction: column;
    width: 80%;
    padding: 0;
    margin-left:0;
    justify-content: center;
    text-align: justify;
}

.ImgC{
width: 90%; 
}
.ImgC img{
width: 95%;
height: 300px;
padding: 0px;
}
.linea4600{
  transform: none;
}
.boton-info{
    margin-top: 10px;
   
  }

}

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

  .lineas{
   width: 95%;
   margin: auto;
   }

  .ImgC{
    width: 95%; 
    }

  .ImgC img{
    width: 95%;
    padding: 0px;
    }
}