body {
  background: #fff;
  color: #333;
  font: 16px/1.5 Open Sans, FreeSans, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

header>*, section>*, footer>* {
  margin: 1.5em auto;
  width: 720px;
}

header {
  background: #202039;
  color: #fff;
  font-size: 2em;
  padding: 0.5em 0;
}
header p {
  padding-right: 300px;
  width: 420px;
}
header img {
  border: 10px solid #fff;
  float: right;
  margin-right: -300px;
}

section, footer {
  padding: 1.5em 0;
}

footer {
  background: #f0f0f0;
  padding-top: 1.5em;
}

h2 {
  font-size: 1.5em;
  line-height: 1em;
  margin: 1em auto;
}

a {
  color: #40409f;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.buy {
  background: #f8dc3d;
  font-weight: bold;
  text-align: center;
}
.payhip-button-blue, .payhip-button-wrapper {
  margin-right: 2em;
}

.stats {
  background: #f0f0f0;
  color: #20203f;
  padding: 0.1em 0;
}
.stats ul {
  margin: 1.5em auto;
  padding: 0;
}
.stats li {
  display: inline-block;
  font-size: 0.75em;
  margin: 0;
  padding: 0 48px;
  width: 80px;
}
.stats em {
  display: block;
  font-size: 2em;
  font-weight: bold;
}

blockquote>p {
  border-left: 1em solid #f8dc3d;
  padding-left: 2em;
}
cite {
  color: #555;
  font-style: normal;
}
cite img {
  width: 3em;
  height: 3em;
  float: left;
  margin-left: 3em;
  margin-right: 1em;
}
cite:after {
  content: "*";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.package {
  background: #f8dc3d;
}
.package a {
  float: right;
}
.package em {
  font-style: normal;
  font-weight: bold;
}
.package .payhip-button-wrapper {
  float: right;
  margin-right: 0;
}

.guarantee {
  background: #f0f0f0;
}

.content li em {
  font-style: normal;
  font-weight: bold;
}

.preview {
  background: #202039;
  color: #fff;
}
.preview a {
  color: #f8dc3d;
}