body{
  margin: 0px;
  font-family: "Hero";
  border-top: 4px solid #29abe2;
}

.container{
  width: 980px;
  margin: 0px auto;
}

@font-face {
  font-family: "Hero";
  src: url("fonts/hero-webfont.eot");
  src: url('fonts/hero-webfont.eot?#iefix') format("embedded-opentype"),
       url('fonts/hero-webfont.ttf') format("truetype"),
       url('fonts/hero-webfont.woff') format("woff");
}

#text{
  position: absolute;
  top: 45%;
  left: 0px;
  width: 100%;
  min-width: 500px;
  margin-top: -112px;
  text-align: center;
}
h1, h2, h3{
  font-weight: normal;
}
#text h1{
  color: #29abe2;
  font-size: 100px;
  margin: -15px 0px 0px 0px;
}
#text h1 span{
  color: #000;
}
#text h2{
  font-size: 30px;
  color: #000;
  margin: 10px 0px 0px 0px;
}
#text h3{
  font-size: 40px;
  color: #666;
  margin: 50px 0px 0px 0px;
}