body {
  background-color: black;
  margin: 1em auto;
  width: 700px;
}

p {
  font-family: 'times new roman', serif;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
}

h1 {
  margin-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 2px;
  font-family: 'times new roman', serif;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
}

h2, h3, h4 {
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  padding-top: 1px;
  margin-top: 1px;
  font-family: 'times new roman', serif;
  color: black;
  padding-left: 10px;
  padding-right: 10px;  
}

a:link {
  color: #DBB507;
  text-decoration: underline;
  }
  
a:visited {
  color: #DBB507;
  text-decoration: underline;
}

img {
  max-width: 100%;
}

.right {
  float: right;
  margin-left: 1em;
}

@media only screen and (max-width: 600px) {
  
  body {
    margin: 1em auto;
    max-width: 580px;
  }
  
  p {
    font-size: 0.85em;
    font-weight: bold;
  }
  
  img {
    max-width: 66%;
  }
}