#respTable-der {
  max-width: 100%;
   min-width: 10%;
    width: auto; 
 }

.der {
 
      width: 100%;
    max-width: 200px;
     min-width: 20px;
     height: auto; 
}


#respTable-cen {
  max-width: 100%;
   min-width: 10%;
    width: auto; 


 }



.cen {
 
    width: 100%;
    max-width: 200px;
     min-width:100px;
     height: auto;
 
}



#respTable-izq {
  max-width: 100%;
    width: 100%; 
 }



.izq {
 
     width: 100%;
    max-width: 250px;
     min-width: 100px;
     height: auto;    
      
}




.res-3 {
    width: 100%;
    max-width: 300px;
     min-width: 200px; 
     height: auto;
    
}


#respTable1-1{
  width:100%;
	max-width:800px;
	margin:10px auto;



main {
  display: flex;
  justify-content: center;
}








table {

  
  
}



tr:nth-child(odd) {
  background-color: white;
}

th {
  background-color: white;
  color: white;
}

th,
td {
  text-align: left;
  padding: 0.5em 1em;
  
}

td::before {
  display: none;
  
 
}


}



@media screen and (max-width: 800px) {
    
    
   #respTable-der {
  max-width: 100%;
   min-width: 10%;
   width: 300px;
 }

.der {
 
      width: 100%;
    max-width: 200px;
     min-width: 20px;
     height: auto; 
}


#respTable-cen {
  max-width: 100%;
   min-width: 10%;
    width: auto; 


 }



.cen {
 
    width: 100%;
    max-width: 200px;
     min-width:100px;
     height: auto;
 
}



#respTable-izq {
  max-width: 100%;
    width: 100%; 
 }



.izq {
 
     width: 100%;
    max-width: 250px;
     min-width: 100px;
     height: auto;    
      
}
 
    
    
    
    
    
    
#respTable3 {
  max-width: 100%;
    width: 100%; 
 }



    
 table {
   border: 0;
   width: 100%;
   max-width: 800;

   box-shadow: none;
 
   
   
 }
 
 


 thead {
   position: absolute;
   opacity: 0;
 }
  
 tbody {
 
   min-width: 19em;
   max-width: 25em;
 }

 tr {
   border-top: 2px solid #3c3c3b;
   border-bottom: 2px solid #3c3c3b;
   display: block;
   margin-bottom: 1em;
   
   }
 

 td {
   border-bottom: 1px solid #3c3c3b;
   display: block;
 
 }
 


 td::before {
   
   font-weight: bold;
   margin-right: auto;
   padding-right: 1em;
   
     
 }

 td:last-child {
   border-bottom: 0;
    
 }
}