body {
  font-family: sans-serif;
}

@media screen and (min-width:320px) {
  table {
    border-collapse: collapse;
    font-size: 4rem;
  }

  table, th, td {
    border: 3px solid black;
  }
}

@media screen and (min-width: 1024px) {
  table {
    font-size: 1rem;
  }

  table, th, td {
    border-width: 1px;
  }
}

table.centered {
  margin-left: auto;
  margin-right: auto;
}

table th, td {
  padding: 10px;
}

table th {
  background-color: #04AA6D;
  color: #f2f2f2;
}

table tr:nth-child(even) {
  background-color: #f2f2f2;
}