.content.homepage {
  left: 0;
  background: white;
}
.content.homepage:before {
  content: "";
  height: 530px;
  width: 100%;
  background: white url(/img/Clouds_by_Felix_Niklas.jpg) no-repeat bottom;
  background-size: cover;
  position: absolute;
}

  .homepage .formHolder {
    position: relative;
  }

  .homepage form {
    right: 1px;
    top: 28px;
    padding: 13px 3px 13px 13px;
    background: white;
    position: absolute;
    border-radius: 3px 0 3px 3px;
    box-shadow: 
      0 1px 2px rgba(0,0,0,.55) inset,
      0 0 0 1px rgba(0,0,0,.4),
      0 2px rgba(255,255,255,.13);
    display: none;
  }
  .homepage form.login { 
    padding: 13px;
    right: 52px;
  }
  .homepage form.register { width: 480px; }
  .homepage .showLogin form.login { display: block; }
  .homepage .showRegister form.register { display: block; }

.homepage .middle {
  width: 788px;
  margin: 0 auto;
  position: relative;
}

.discoverChannels h1 {
  color: rgba(0,0,0,.13);
  text-shadow: none;
}
.discoverChannels h2 {
  color: rgba(0,0,0,.55);
  text-shadow: none;
}

.hero {
  margin: 34px 0 55px;
  height: 377px;
  border-radius: 5px;
  color: white;
  text-shadow: 0 1px 3px black;
}
.discoverChannels .hero h1 {
  color: inherit;
  text-shadow: inherit;
  font-size: 72px;
  line-height: 1.3;
}
.hero p {
  color: inherit;
  font-size: 18px;
  text-shadow: inherit;
}

footer {
  padding: 21px;
  background: hsl(0,0%,95%);
  border-top: 1px solid hsl(0,0%,90%);
}
  footer p {
    color: #333;
    text-align: center;
  }