html {height:100%;}
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}
#stage {
  height: 100%;
  padding: 8px;
  overflow: auto;
}
* {box-sizing:border-box; font-family:Helvetica,sans-serif;}


/* Images: */
.backdrop {height:100%; background-size: cover;}


/* Navigation links: */
.acts {
  float: left;
  width: 25%;
  padding: 8px;
}
.acts div {margin: 24px 0;}
.acts a {
  color: black;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  opacity: 0.25;
}
.acts a:hover {opacity:1;}


/* Project description: */
.program {
  float: left;
  width: 37.5%;
  padding: 8px 0;
}
h1 {
  padding-top: 112pt;
  font-size: 14pt;
  line-height: 28pt;
  font-weight: lighter;
}
p {
  font-size: 11pt;
  line-height: 14pt;
}
.cr {
  margin-top: 48px;
  font-size: 8pt;
  opacity: 0.5;
}
@media screen and (max-width:640px) {
  .acts {width:75%;}
  .program {width:75%; padding: 8px;}
  h1 {padding-top: 56pt;}
}


/* Company logo: */
.logo {
  position: fixed;
  bottom: 8px;
  right: 8px;
  margin: 8px 16px;
  opacity: 0.25;
}
.logo:hover {opacity:1;}