@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----------------------------------------------------*/

main{width: 100%;}
     .entrada0{width: 100%;}
              
              .viacon{width: 80%;line-height: 35px;padding-top: 50px;margin: 0 auto;}
              .iframemaps{width: 100%;height: 400px;margin-top: 50px;}

       .entrada1{flex-flow: wrap;}
                .entrada1 div{margin-bottom: 30px;}


    .entrada2{margin: 0px 0px 50px 0px } 
          form{width: 90%;margin: 0px 0px;margin: 0 auto;}
             label{height: 40px;}
             input{height: 40px; font-size: 12pt} 
            textarea {height: 280px;width: 90%;font-size: 12pt;}
            .tarea{height: 280px;}
            .iconofor {font-size: 20pt;}  
            button{ height: 40px;}      


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

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