html {
  font-size: 62.5%;
}
body {
  background-color: #101010;
  color: #fff;
  font-size: 1.6rem;
  font-family: sans-serif;
}
img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
a {
  color: #d5d210;
}
#page {
  margin: 0 auto;
  padding: 60px 0 60px;
  width: 100%;
  max-width: 1000px;
}
#page h1 {
  margin-bottom: 100px;
}
#page h2 {
  margin: 1rem 0;
  font-size: 2rem;
  text-align: center;
}
#page table {
  width: 100%;
}
#page th {
  font-size: 1.2rem;
  padding: 0.7rem 0.5rem;
  text-align: center;
  background-color: #222;
  color: #ccc;
}
#page th:nth-of-type(1) {
  width: 10%;
}
#page th:nth-of-type(2) {
  width: 10%;
}
#page th:nth-of-type(3) {
  width: 40%;
}
#page th:nth-of-type(4) {
  width: 25%;
}
#page th:nth-of-type(5) {
  width: 15%;
}
#page td {
  padding: 0.7rem 0.5rem;
  text-align: center;
  background-color: #333;
}

@media screen and (min-width: 768px) {
  #page th {
    font-size: 1.6rem;
  }
}