@media screen and (max-width: 500px){

body tr, body td{
    display: block;
    padding: 10px 10px;}
}

@media  (min-width: 1000px) { 
body main tr,th {
font-size: 1.5em;
}
}

table {
   border: 0px solid silver ;
   }  
tr, td {
    padding: 10px 10px;
    font-size: 1.1em;
    text-align: left; 
    border: 0px solid silver ;
}

td.bottom {
    padding: 10px 10px 1px;
    font-weight: bold;
    border-top: 1px solid silver ;
    }

td.top {
    padding: 1px 10px 10px;
    border-bottom: 1px solid silver ;
}