table{width:100%;border-collapse:collapse;margin:40px 0;font-size:16px;text-align:center}th{background-color:#f4f4f4;color:#333;font-weight:700;text-transform:uppercase;letter-spacing:.03em}td,th{padding:10px;border:1px solid #ddd}tr:hover{background-color:#e9e9e9;cursor:pointer}@media screen and (max-width:768px){table{display:block;font-size:14px}thead{display:none}tr{display:block;margin-bottom:15px;border:1px solid #ddd}td{display:flex;justify-content:space-between;align-items:center;padding:10px;text-align:right}td:before{content:attr(data-label);flex:1;font-weight:700;text-transform:uppercase;text-align:left}}