body {
  background-color: black;
  font-family: Georgia;
  font-size: 18px;
  margin: 0px; }

h1 {
  font-family: "Crimson Text", serif;
  font-size: 3.2rem;
  margin: 1.5rem 0 1rem 0; }

h2 {
  font-family: "Crimson Text", serif;
  font-size: 2rem;
  margin: 1.5rem 0 1rem 0; }

h3 {
  font-family: "Crimson Text", serif;
  font-size: 1.5rem;
  margin: 1.5rem 0 1rem 0; }

a {
  font-weight: bold;
  color: #333399; }

a:visited {
  color: #333366; }

blockquote {
  background: #E8E8E8;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: italic; }

hr {
  color: #dcdcdc; }

.images {
  width: 100%;
  text-align: left; }
  .images img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 300px; }

.responsive {
  max-width: 100%;
  height: auto;
  padding-left: 20px;
  padding-bottom: 20px; }

.note {
  background: #ccccff;
  padding: 5px; }

#header {
  width: 100%;
  height: 125px;
  background-image: url(/assets/images/heading-01.png);
  background-color: #000000; }

#wrapper {
  max-width: 1064px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 2em; }

#main {
  background-color: #F5F5F5;
  padding: .5em 2em 1em 2em; }

@media (max-width: 629px) {
  #header {
    display: none; } }