body{
    margin: 0;
    padding: 0;
color:#fff;
background-color:#000;
word-break:break-word;
font-family: bebas-neue, sans-serif;
background-image:url("img/amatoria_bg.jpg");
background-size: 100%;
text-align:center;
font-style:normal;
font-weight:400;
-webkit-font-smoothing: antialiased;
}

p{
margin:0;
font-family: roboto, sans-serif;
font-weight: 400;
font-style: normal;
font-size:15px;
line-height:24px;
margin-top:20px;
}


a{
  text-decoration:none;
  color:#fff;
}

a:hover{
  text-decoration:underline;
}

.header{
  width:100%;
}

h1{
  text-transform:uppercase;
  letter-spacing: 2,5px;
  font-size:60px;
  line-height:50px;
  margin-bottom:0px;
}

h4{
letter-spacing: 4px;
font-size:15px;
line-height:19px;
  text-transform:uppercase;
}

h2{
letter-spacing: 1,44px;
  font-size:20px;
  line-height:22px;
  text-transform:uppercase;

}

#watch{
  margin-top:50px;
}

.video{
  width:840px;
  height:472px;
  margin-top:20px;

}

.work{
}

.topspacel{
  margin-top:100px;
}

.topspacexl{
  margin-top:200px;
}

#footer{
  margin-top:100px;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  line-height:18px;
  background-color:#000000;
  padding:15px;
}

.imprint{
  padding:10%;
}

.mobile{
  display:none;
}

.desktop{
  display:block;
}

@media (max-width: 860px) {

  .video{
    width:320px;
    height:180px;
  }

  #adresse{
    padding:0 20px;
  }
h4{
font-size:10px;
line-height:15px;

}

.work{
padding:20px;
}


.topspacel{
  margin-top:50px;
}

.topspacexl{
  margin-top:70px;
}

.mobile{
  display:block;
}

.desktop{
  display:none;
}
}

@media (max-width: 340px) {
  .video{
    width:180px;
    height:101px;
  }
}