styles.css

.jumbotron {
  background-image: url("../img/zaansche schans 2.jpg");
  background-size: cover;
  /* background-size: 100% 100% */
  /* background-position: right top; */
}
.jumbotron h1, .jumbotron p {
  color: white;
}
.container a {
  margin: 0 5% 0 0;
}
/* Contact page styling */
/* * { border: 1px solid black; } */
/* * { box-sizing: border-box; } */
.background {
  background-image: url("../img/retro-pattern-sixties-floral.jpg");
  overflow: auto;
}
.header {
  width: 80%;
  min-height: 150px;
  margin: 2% auto;
  padding: 2%;
  text-align: center;
  background-color: #e2ddd8;
  border: 3px solid #804c15;
}
.contact-image {
  width: 80%;
  padding-bottom: 44%;
  margin: 0 auto;
  background-image: url("../img/eckhard-hoehmann-telephone-2.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  border: 3px solid #804c15;
}
.contact-details {
  width: 94%;
  margin: 2%
}
#details {
  margin: 2% auto;
}
#details li{
  margin: 1% auto;
}
.footer {
  width: 80%;
  min-height: 200px;
  margin: 2% auto;
  padding: 1%;
  background-color: #e2ddd8;
  border: 3px solid #804c15;
}
/* Typography */
h1 {
  font-family: Fahkwang, Futura, Helvetica, Trebuchet, sans-serif;
  font-size: 4em;
  font-weight: 300;
  color: #552c00;
}
h2 {
  font-family: Fahkwang, Futura, Helvetica, Trebuchet, sans-serif;
  font-size: 3em;
  font-weight: 300;
  color: #552c00;
}
ul {
  font-family: Fahkwang, Futura, Helvetica, Trebuchet, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  color: #552c00;
}
.footer {
  color: #552c00;
}