body{margin:0;font-family:Arial;line-height:20px}#header{height:20px;background:#222;color:#fff}#content{min-height:calc(100vh - 300px)}#footer{height:20px;background:#222;color:#000}@media screen and (max-width:767px){table{width:100%}thead{display:none}tr:nth-of-type(2n){background-color:inherit}tr td:first-child{background:#f0f0f0;font-weight:700;font-size:1.3em}tbody td{display:block;text-align:center}tbody td:before{content:attr(data-th);display:block;text-align:center}}