html {
  font-size: 14px;
}

body {
  background-color: #fff;
  background-position: center;
  color: #282828;
  font-family: 'Playfair Display', 'Courier New', monospace;
  text-align: left;
  width: 75%;
  margin: auto;
}

footer {
  padding: .75rem;
  color: #282828;
  font-family: 'Playfair Display', 'Courier New', monospace;
  text-align: center;
}

.space {
  padding: 3rem;
}

.image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

/* text and element styling options */

h1 {
  font-size:2rem;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

h2 {
  font-size:1.25rem;
}
  
hr {
  color: #282828;
  border-bottom: .313rem double;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

hr.short {
  color: #282828;
  margin-top: 1rem;
  width: 30%;
  border-bottom:.25rem double;
}

.icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }

/* miscellany */

@media screen and (min-width: 80rem) {
  .container {
    margin: 1em 2em;
  }
}