html, body {margin: 0; padding: 0; height: 100%; text-align: center;}
section {min-height: 100%;}
a {text-decoration: none;}
li {list-style-type: none;}

h1, h2, h3, a {font-family: "Roboto", sans-serif; font-weight: 500; color: #494949; /*text-transform: uppercase;*/}

h1 {color: #fff;}
/* #494949*/

h2 {color: #fff;}
/* #5d7177*/

h3 {font-size: 40px; padding-top: 8%; margin-bottom: 5px;}

h4, p {font-family: "Roboto Slab", serif; color: #494949;}

hr {width: 30px; height: 3px; background: #494949; border: 0; margin: 0 auto 340px auto;}
#baustelle, h1, h2 {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}






#baustelle {
  background: url(comingsoon2.jpg);
  /*background-color: #fff;*/
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

#baustelle h1 {
  margin: 240px auto 0 auto;
  font-size: 80px;
  color: #000000;
}



#baustelle h2 {
  margin: 0 auto 0 auto;
  font-size: 25px;
  color: #000000;
}

/* MEDIA QUERIES */

/* TABLETS */

@media screen and (max-width: 1024px) {
  #baustelle h2 {
    margin: 0 auto 0 auto;
    font-size: 20px;
    color: #000000;
  }
}

@media screen and (max-height: 480px) {
  hr {width: 30px; height: 3px; background: #494949; border: 0; margin: 0 auto 210px auto;}
}

/* MOBILE */

@media screen and (max-width: 480px) {
  #baustelle h2 {
    margin: 0 auto 0 auto;
    font-size: 15px;
    color: #000000;
  }
}