@media only screen and (max-width: 768px)



{
/*encabezado------------------------------------------*/	 
    .contacto , .contacto2{font-size: 9pt;}

    .logo{padding: 5px 0px;flex-wrap: wrap;align-content: center;margin-top: 10px;}
           .imglogo{width: 70px;height: 70px;margin-right: 0px;}
                   .logo h1{letter-spacing: 4px;font-size: 15pt;text-align: center;}
                   .tocho {font-size: 30px;}  
    nav p{float: left;font-family:listas ;margin-left: 5px;font-size: 12pt;padding-top: 3px;}
             nav img{width: 40px ;height: 30px;margin-left: 5px;cursor: pointer;float: left;}    
             ul{flex-wrap: wrap;align-content: center;}
           
   
    .encabefoto .alcala1 , .alcala3  {display: none !important;}
                div .siempre{font-size: 20px;}  

 /*cuerpo----------------------------------------------------*/    
main{width: 100%;}

 .entrada{padding: 30px 10px;}
            .entrada p{ line-height: 30px;font-size: 15px;padding: 20px 10px}  

   .entrada2{width: 80%;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;} 
            
             .entrada3 hr{margin: 30px auto;margin-bottom: 20px;}
             .entrada3 p{ font-size: 15pt;line-height: 30px; ;padding-bottom: 20px;}      


  /*metodos de trabajo------------------------------------------- */   
        .entrada4{padding: 20px 30px;}  
                 .entrada4 hr{margin-bottom: 50px;} 
                 .entrada4 h2{font-size: 25pt;}
        .metodo{box-shadow: 0 0 5px rgb(9, 48, 103);margin-bottom: 20px;} 
               .trabajo{width: 70%;font-size: 15pt;padding: 30px 15px;display: flex;align-items: center;}  
                        

/*pie de pagina----------------------------------------------------*/                                       

             .legales{ flex-direction: column;align-items: center; }
             .legales div{padding:20px 0px;}