.banner{
  aspect-ratio:2240 / 617;   
}


#info, #info1,#info2,#info3,#info0 {display:inline-block;vertical-align:top;}
#info{width:100%;vertical-align:middle; text-align:center;  }
#info1{width:60%;margin-right:-4px; text-align:right; margin-top: 20px; }
#info2{width:40%;margin-right:-4px;text-align:center;}

#por-que-transformar{ background-color: #0a0732;}

#porque, #porque1,#porque2,#porque3,#porque0 {display:inline-block;vertical-align:top;}
#porque{width:100%;vertical-align:middle; text-align:center;  }
#porque1{width:40%;margin-right:-4px; text-align:center;}
#porque2{width:60%;margin-right:-4px;text-align:center; margin-top: 30px; }
#porque3{ display: none;}

.infotext{ display: inline-block; text-align: left; width: 90%; max-width: 890px;}
.infotext2{ display: inline-block; text-align: left; width: 90%; max-width:750px;}
.infotext3{ display: inline-block; text-align: center; width: 90%; max-width:750px;}


#signos, #signos1,#signos2,#signos3,#signos0 {display:inline-block;vertical-align:top;}
#signos{width:100%;vertical-align:middle; text-align:center;  }
#signos1{width:40%;margin-right:-4px; text-align:right; }
#signos2{width:60%;margin-right:-4px;text-align:center; margin-top: 40px;}
#signos3{ display: none;}

#signos-y-sintomas{ background-color: #b34fe1;}

#elcamino, #elcamino1,#elcamino2,#elcamino3,#elcamino0 {display:inline-block;vertical-align:top;}
#elcamino{width:100%;vertical-align:middle; text-align:center; margin-top: -10px;  }
#elcamino1{width:55%;margin-right:-4px; text-align:center; margin-top: 60px; }
#elcamino2{width:45%;margin-right:-4px;text-align:center;}

#tratamiento-artritis{ background-color: #d299ec; margin-top: -8px;   }

#tratamien, #tratamien1,#tratamien2,#tratamien3,#tratamien0 {display:inline-block;vertical-align:top;}
#tratamien{width:100%;vertical-align:middle; text-align:center;}
#tratamien1{width:45%;margin-right:-4px; text-align:center;}
#tratamien2{width:55%;margin-right:-4px;text-align:center; margin-top: 50px; }
#tratamien3{ display: none;}


#bannerpro{width:100%; display:flex; align-items:center; justify-content:center; background-color:#b24de1;}
#bannerpro1{width:40%; text-align:right;}
#bannerpro2{width:60%; text-align:center;}


#anivel{width:100%; display:flex; align-items:center; justify-content:center; background-color:#d294ed;}
#anivel1{width:100%; text-align:center;}
#anivel2{width:50%; text-align:right;}
#anivel3{width:50%; text-align:center;}
#anivel4{ display: none;}
#anivel5{width:50%; text-align:center;}
#anivel6{width:50%; text-align:center;}


#bannerpro2a{width:100%; display:flex; align-items:center; justify-content:center; background-color:#d294ec;}
#bannerpro21{width:40%; text-align:right;}
#bannerpro22{width:60%; text-align:center;}


#reumas{width:100%; display:flex; align-items:center; justify-content:center; background-color:#FFFFFF;}
#reumas1{width:55%; text-align:right;}
#reumas2{width:45%; text-align:right;}


#elpapel{width:100%; display:flex; align-items:center; justify-content:center; background-color:#b34ee2;}
#elpapel1{width:55%; text-align:left;}
#elpapel2{width:45%; text-align:center;}
#elpapel3{ display: none;}


#como{width:100%; display:flex; align-items:center; justify-content:center; background-color:#FFFFFF;}
#como1{width:50%; text-align:right;}
#como2{width:50%; text-align:right;}

#el-acercamiento{ width: 100%; background-color: #0a0733;}

@media screen and (max-width:1740px){
#tratamien1{width:55%;}
#tratamien2{width:45%;margin-top: 50px; }
    
#porque2{ margin-top: 10px; }
}

@media screen and (max-width:1650px){
#elpapel1{width:55%; text-align:left;}
#elpapel2{width:45%; text-align:center;}    
    
#elcamino1{width:40%;margin-top: 60px; }
#elcamino2{width:60%;} 
}


@media screen and (max-width:1640px){
#como1{width:40%; text-align:right;}
#como2{width:60%; text-align:right;}    
    
#porque1{width:50%;}
#porque2{width:50%; }    
}

@media screen and (max-width:1580px){
#tratamien1{width:55%;}
#tratamien2{width:45%;margin-top: 20px; }    
    
#signos1{width:50%; }
#signos2{width:50%;}
}

@media screen and (max-width:1520px){
 
}
    
@media screen and (max-width:1505px){
#porque1{width:57%;}
#porque2{width:43%; }    
}



@media screen and (max-width:1490px){
#elcamino1{width:100%;margin-top: 40px; }
#elcamino2{width:100%;} 
}

@media screen and (max-width:1480px){
#signos1{width:60%; }
#signos2{width:40%;}
}


@media screen and (max-width:1400px){
#como{ flex-direction:column; align-items:stretch; }   
#como1{width:100%; text-align:center; margin-top: 30px; margin-bottom: 30px;}
#como2{width:100%; text-align:center; display: block;}       
    
#elpapel{ flex-direction:column; align-items:stretch; }   
#elpapel2{width:100%; text-align:center; margin-top: 30px; margin-bottom: 30px;}
#elpapel3{width:100%; text-align:center; display: block;}       
#elpapel1{ display: none;}   
    
    
#reumas{ flex-direction:column; align-items:stretch; }   
#reumas1{width:100%; text-align:center; margin-top: 30px; margin-bottom: 30px;}
#reumas2{width:100%; text-align:center;}       
    
#anivel{ flex-direction:column; align-items:stretch; }
#anivel3{ width:100%; text-align:center; }
#anivel4{ width:100%; display:block; text-align:center; }
#anivel2{ display:none; } 
#anivel5{ width:100%; text-align:center; }
#anivel6{ width:100%; text-align:center; }
    
#tratamien1{ display: none;}
#tratamien2{width:100%;margin-right:0px;}
#tratamien3{width:100%;margin-right:0px; text-align:center; margin-top: 10px; display: inline-block;}
    
#signos1{ display: none;}
#signos2{width:100%;margin-right:0px;}
#signos3{width:100%;margin-right:0px; text-align:center; margin-top: 10px; display: inline-block;}
    
#porque1{ display: none;}
#porque2{width:100%; margin-right:0px;text-align:center; margin-top: 20px;}
#porque3{width:100%; margin-right:0px; text-align:center; margin-top: -10px; display: inline-block;}
    
#info1{width:100%;margin-right:0px; text-align:center; margin-top: 20px; }
#info2{width:100%;  margin-right:0px;text-align:center; margin-top: 20px;}
    
}