body {
  background-color: #222
}

a {
  color: white;
}

a:hover {
  color: rgb(52, 152, 219);;
}

.image-spacer {
  height: 400px;
  overflow: hidden;
  text-align: right;
}

.header-background-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.copy-footer {
  color: white;
  text-align: center;
  padding: 1em;
}

div.about {
  display: block;
  background-color: #062F4F;
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
}

h1.about {
  text-align: center;
}

p.about {
  text-align: justify;
  font-size: 1.1rem;
  padding-left: 15%;
  padding-right: 15%;
}

div.contact {
  display: block;
  background-color: #062F4F;
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
}

h1.contact {
  text-align: center;
}

p.contact {
  text-align: center;
  font-size: 1.1rem;
  padding-left: 20%;
  padding-right: 20%;
}

div.contact-social-links {
  text-align: center;
}