/* Typography */
body {
  font-family: 'Arial', Century Gothic, sans-serif;
  color: #000;
  line-height: 130%;
}

h1, h2, h3 {
  font-weight: bold;
}

p, span, div {
  font-size: 1rem;
  line-height: 1.3;
}

p.caption {
  font-weight: bold;
  margin: 0px 25%;
}

/* Code */
.code {
  font-weight: bold;
  color: darkred;
  font-family: "Sintony";
}

/* Links */
a {
  font-weight: bold;
  color: #C11B17;
  text-decoration: none;
}

a:hover {
  color: darkblue;
}

a:visited {
  color: darkred;
}

a.name {
  text-decoration: none;
}

/* Lists */
ul, ol {
  list-style-type: square;
  margin: 5px 0px 10px 0px;
}

li {
  padding-top: 5px;
}

/* Containers */
.container {
  max-width: 960px;
  border: 1px solid #000;
  margin: 0 auto;
  background: #FFF;
  padding: 1rem;
}

/* Footer */
.footer {
  font-size: 0.75em;
}

/* Banner */
.banner {
  background-color: #FFFFFF;
  color: #000;
  margin: 10px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

.banner h1 {
  font-size: 22pt;
  padding: 25px;
  padding-left: 130px;
  padding-right: 120px;
  margin: 0;
}

/* Media Queries */
@media