html { 
  background: url(Bilder/2880x1800-CarsandArt-Image-0009-B.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




body 
  {
    
    width: 100%;
    font-family:‘Metrophobic’, Arial, serif; font-weight: 400;
    font-size: 0,5em;
    line-height:2em;
    word-spacing:0,8em;
    letter-spacing:0,5em;
    text-align: center;
    float: left;

  }




h1 
  {
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: white; 
    font-size: 200%;
    margin-top: 3em;
    text-shadow: 2px 2px #000000;

  }


a  

  {
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: white; 
    font-size: 200%;
    text-decoration: none;
    text-shadow: 2px 2px #000000;
  }


a:hover 
  { 
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: #e41869; 
    font-size: 200%;
    text-decoration: none;
    text-shadow: 2px 2px #000000;
  }  



.Logo  
  { 
    margin-top: 10em;
  }



img 
  {
  width: 400px;
  }


*  
  {
    margin: 0;
    padding: 0;
  }  






@media (max-width: 1023px) {

img {
  width: 70%;
}

h1 
  {
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: white; 
    font-size: 550%;
    margin-top: 2em;
    text-shadow: 2px 2px #000000;

  }


a  

  {
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: white; 
    font-size: 550%;
    text-decoration: none;
    text-shadow: 2px 2px #000000;
  }


a:hover 
  { 
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    color: #e41869; 
    font-size: 550%;
    text-decoration: none;
    text-shadow: 2px 2px #000000;
  }  



  body 
  {
    line-height:6em;

  }