html {
  height: 100%;
}

body {
  background: #0b1d3a;
  background-image: url('ocean-background.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: white;
}

@media only screen and (max-width: 800px) {
  body {
    grid-template-columns: 10px 1fr 10px;
  }
}

h1 {
  font-size: x-large;
}

a:link {
  color: #71A9D1;
}
a:visited {
  color: #71A9D1;
}
a:active, a:hover {
  color: #71A9D1;
}

li {
  list-style-type: none;
}

header {
  grid-row: 1 / 1;
  grid-column: 1 / span 3;
  text-align: center;
  padding-top: 10px;
}

header > img {
  object-fit: cover;
  width: 100%;
  max-height: 100%;
  max-width: 600px;
}

article {
  background-color: #0b1d3a;
  padding: 25px;
}

section#main {
  grid-row: 3 / span 1;
  grid-column: 2 / span 1;
  padding: 20px;
}

footer {
  grid-row: 4;
  grid-column: 1 / span 3;
  text-align:center;
  padding: 50px;
}