body {
  margin: 0;
  font-size: 16px;
}

.mp {
  max-width: 100ex;
  padding: 0 9ex 1ex 4ex;
  text-align: justify;
  color: #131211;
  font-family: monospace;
  font-size: 0.875rem;
  line-height: 1.42857142857143; /* 20px*/
}

p,pre,ol,dl,dd:after {
  margin: 0 0 20px 0;
}



h2 {
  font-size: 1rem;
  line-height: 1.25; /* 20px*/
  color: #030201;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}

dl {
  margin-top: 0;
}
p, dl, ul {
  margin-left: 8ex;
}
dt, dd {
  display: inline;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
dd:after{
  display: block;
  content: '';
}

dl.no-inner-margin dd:after{
  margin-bottom: 0px;
}

a, a:link, a:hover {

    color: #414449
}

small, header {
  opacity: 0.9;
  color: #434241;
}

header {
  margin-bottom: 20px;
  text-align: center;
}
footer {
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 600px) {
  .mp { padding: 0 2ex }
  p, dl {margin-left:2ex}
}

@media (max-width: 500px) {
  .mp { text-align: left; }
}