@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;}
           
            .titulo1{width: 60%;}
            .titulo1 div {font-size: 10pt; margin-left: 10%;background-color: #EAEDED; }
      
	.entrada1 , .entrada2{flex-direction: column;}

     /*cuerpo----------------------------------------------------*/

     #derecho{font-size: 20pt;background-size: 100% 5px;}
     .servicios1{flex-direction: column;}
     .fotoser{width: 100%;}
     .fotoser img{width: 200px;height: 200px; }
     .resumenser{width: 100%;}
     .resumenser p{font-size: 15pt;margin: 20px 0px 20px 0px}
     .doblef{font-size: 30pt;}


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

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