body {
  margin:0px;
  padding:0px;
  color: #ddd;
  font: normal 1em  Verdana,sans-serif; 
  min-width:10px; 
  text-align:center;
  background: #000 url("pics/brick.png") repeat left top;
}


@media only screen and (max-device-width: 480px) {
  body {
    font-size: 2em; 
  }
}

h1 {
    font-size: 1em;
    position: absolute;
    left:600px;
    top:100px;
}

h2 {
  font: bold 1.5em  Verdana,sans-serif; 
}

h3 {
  font: bold 1.2em  Verdana,sans-serif; 
}

.logotext {
  font: normal 1.2em  Verdana,sans-serif; 
}

a {
  color: #ddd;
}

a img{
  border: none;
}

#imprint {
  margin-top: 1.2em;
}

#header {
  text-align: right;
  width:100%;
  margin:5px 5px 0 0;
  position:absolute;
  top: 0px;
  right: 0px;
}


#logocontainer {
  left: 0px;
  width:100%;
  height:321px;
  margin:50px 0 0 0;
}

#sebulli_logo {
  position:absolute;;
  left: 0px;
  margin:0 0 0 0;
}

#movie{
  left: 0px;
  width:100%;
  height:181px;
  margin:10px 0 30px 0;
  overflow:hidden;
}

#film{
  margin-left:50px;
}

#appcontainer {
  width: 950px;
  margin-left: 100px; 
}

.appstorelogo {
  margin-top:40px;
}

#app1 {
   float:left; 
   width:300px;
}

#app2 {
  float:left; 
   width:300px;
}

#apptext {
  text-align:left;
  float:left;
  width:350px;
}

.invisible {
  display:none;
}


@media only screen and (max-device-width: 480px) {
  body {
    font-size: 2em; 
  }
  
  #apptext {
    text-align:left;
    width:100%;
  }
  
  .sebulliicon {
    width:312px;
    height:310px;
  }

  .appstorelogo {
    width:392px;
    height:156px;
  }

  .country {
    width:60px;
    height:36px;
  }

}