body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: url('taube_statue.jpg') no-repeat center center fixed;
  background-size: cover;
}

#header {
  position: fixed;
  width: 100%;
  top: 3em;
}

#header h1 {
  font-family: sans-serif;
  color: white;
  text-align: center;
  font-size: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

#footer {
  position: fixed;
  width: 100%;
  bottom: 1em;
  background-color: rgba(50, 50, 50, 0.7);
}

#footer p {
  font-family: sans-serif;
  color: white;
  text-align: center;
  font-size: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

#footer a:link {
  color: lightskyblue;
}

#footer a:visited {
  color: lightsteelblue;
}

@media (max-width: 768px) {  
  #footer p {
    font-size: 1.25em;
  }
}