html {
  font-size: 1em;
  line-height: 1.4;
  padding-top: 1em;
  background-color: #000;
  color: #919191;
  font-family: Verdana, Helvetica, sans-serif;
  text-align: center;
}

h1, h2, h3 {
  font-weight: 100;
  letter-spacing: 2px;
}

h4 {
  font-weight: 100;
}

h2 {
  text-transform: uppercase;
  font-size: 1em;
}

a, a:visited {
  color: #f6b620;
}
a:hover, a:visited:hover {
  color: #ffee40;
}

@media (max-width: 576px) {
  ul {
    padding: 1em;
  }
}

.section {
  padding: 1em 0;
}
@media (max-width: 576px) {
  .section {
    padding: 1em;
  }
}
.section:nth-child(odd) {
  background-color: #2a2a2a;
}
.section h3 {
  font-size: 3em;
}
.section h4 {
  padding-top: 1em;
}
.section .content {
  max-width: 720px;
  margin: auto;
  text-align: justify;
}
@media (max-width: 576px) {
  .section .content {
    max-width: 100%;
  }
}