*{margin:0;padding:0;box-sizing:border-box}body{background:#f7f9fb}.X{margin:auto;padding:1% 2%;max-width:800px;background:#fff;min-height:300px;box-shadow:0 3px 5px rgba(0,0,0,.3)} /*[START]*/
table{
  width: 100%;
  border-collapse: collapse;
  box-shadow: 5px 5px 99px 2px #d6dee4;
}
table,th,td{font-family:'segoe ui'}
th,td{
  padding: 12px 10px;
  text-align: center;
  font-size: 1.3vw;
  text-transform: uppercase;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}
th{background:#36d868d9;color:#fff;font-weight:700}
td{text-align:left}
@media(max-width:574px){th,td{font-size:3vw}}