body {
  font-family: Moderat;
  font-size:  20px;
  font-weight: 600;
  line-height:  25px;
  background-color: #dddddd;
  color: #ffffff;
}

a {
  color:  #ffffff;
  text-decoration: none;
}

p.imprint {
  padding-bottom: 30px;
  padding-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
}

section {
	height: 100vh;
	background-image: url(mikerabensteiner-saorge.jpg);
  background-size: cover;
  
  background-attachment:  fixed;
}

header {
  position:  fixed;
  top:  40px;
  left:  40px;
}

footer {
  position:  fixed;
  bottom: 40px;
  left: 40px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing:  1px;
  line-height: 50px;
  margin-bottom:  15px;
}

footer a {
  margin-right:  10px;
}

a:hover {
  color: #dddddd;
}

.image_2 {
  background-image: url(mikerabensteiner-amsterdam.jpg);
}

.image_3 {
  background-image: url(mikerabensteiner-basel.jpg);
}

.image_4 {
  background-image: url(mikerabensteiner-ibiza-2.jpg);
}

.image_5 {
  background-image: url(mikerabensteiner-ibiza.jpg);
}

.image_6 {
  background-image: url(mikerabensteiner-newyork-2.jpg);
}

.image_7 {
  background-image: url(mikerabensteiner-newyork.jpg);
}

.image_8 {
  background-image: url(mikerabensteiner-paris-2.jpg);
}

.image_9 {
  background-image: url(mikerabensteiner-paris.jpg);
}

.image_10 {
  background-image: url(mikerabensteiner-saorge-2.jpg);
}

@media (max-width: 800px) {
  section {
    background-attachment: scroll;
    height: 60vw;
  }
}