body {
  font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}
a {
  color: #555;
  height: 100%;
}
.full-page {
  height: 100%;
}
/* For full page height stretch */
html,
body,
section,
.container {
  height: 100%;
}
img#heroImg {
  width: 400px;
  height: auto;
}
#page0 {
  background: url("/images/rob_new_03.png") 50% 0 repeat fixed;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
  font: 16px 'HelveticaNeue-Light', sans-serif;
}
#page1 {
  background: url("/images/2048x1536_neu.png") 50% 0 repeat fixed;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
  font: 16px 'HelveticaNeue-Light', sans-serif;
}
#page2 {
  background: url("/images/jespr_03.png") 50% 0 repeat fixed;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
  font: 16px 'HelveticaNeue-Light', sans-serif;
}
#page3 {
  background: url("/images/softy.png") 50% 0 repeat fixed;
/*background-size: 100%;*/
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
}
#page4 {
  background: url("/images/extract.png") 50% 0 repeat fixed;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
  font: 16px 'HelveticaNeue-Light', sans-serif;
}
#page5 {
  background: url("/images/rueckenwind.jpg") 50% 0 repeat fixed;
/*background-size: 100%;*/
  height: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
}
#page6 {
  background: url("/images/gridme.png") 50% 0 repeat fixed;
/*background-size: 100%;*/
  height: 25%;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  padding: 100px 0 100px;
}
.container h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 20px;
}
.margin10 {
  margin: 10px;
}
.header {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 10px 10px;
  color: #fff;
  font-size: 25px;
  text-align: left;
  padding-left: 25px;
/*
   * Note the use of the `main-color`
   * variable and the `darken` function
   */
  background-color: #333;
  border-bottom: 1px solid #242424;
  text-shadow: 0px -1px 0px #242424;
}
.header h1 {
  padding: 5px;
}
.header h3 {
  font-size: 20px;
  padding: 2px;
}
.bottom-align-text-dark {
  color: #222;
  position: absolute;
  bottom: 50%;
  font-size: 15px;
}
.bottom-align-text-bright {
  color: #eee;
  position: absolute;
  bottom: 50%;
  font-size: 15px;
}
.bottom-align-text-bright a {
  color: #03c2fc;
}
.bottom-align-text-bg {
  color: #eee;
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  bottom: 50%;
  right: 10%;
  padding: 10px;
  font-size: 15px;
}
.bottom-align-text-bg a {
  color: #478d38;
}