.logo-bar{
  padding-top: 17px;
  padding-bottom: 17px;
}

.logo{
  height: 40px;
  margin-right: 15em;
  float:right;
  height:32px;
}

.background {
  width: 100%;
  height: auto;
  max-height: 600px;
}

.background-image {
  background-image: url('images/q3_special_site_1920x600-3.jpg');
  background-repeat: no-repeat;
}

 .description {
    padding-top: 2em;
    padding-left: 3rem;
    font-size: 37px;  
    font-weight: bold;
    font-family: adobe-gothic;
    font-style: normal;
    font-weight: 700;
  }

  span {
    font-family: audi-type;
  }


/* MEDIA QUERIES */

@media screen and (max-width: 1350px){

 
  .background-image {
    background-image: url('images/q3_special_site_1920x600-3.jpg');
    background-repeat: no-repeat;
    display: block;
    width: 350px;
    height: 350px;
  }

  .logo{
    height: 40px;
    margin-right: 4em;
    float:right;
    height:32px;
  }

  .description {
    padding-top: 1.5em;
    padding-left: 3rem;
    font-size: 32px;  
    font-weight: bold;
    font-family: adobe-gothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
  }

}

@media screen and (max-width: 768px){
  .logo-bar{
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .logo{
    margin-right: 1em;
    float:right;
    height:22px;
  }

  .description {
    padding-top: 1em;
    padding-left: 1rem;
    font-size: 25px;  
    font-weight: bold;
    font-family: adobe-gothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
  } 
}

@media screen and (max-width: 480px){

  .logo-bar{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo{
    margin-right: 1em;
    float:right;
    height:15px;
  }

  .description {
    padding-top: 1em;
    padding-left: 1rem;
    font-size: 22px;  
    font-weight: bold;
    font-family: adobe-gothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
  }  
}

@font-face{
  font-family: 'audi-type';
  src: url(fonts/AudiType-ExtendedBold_03.ttf);
  font-style: normal;
  font-weight: 100;
}

@font-face{
  font-family: 'adobe-gothic';
  src: url(fonts/AdobeGothicStd-Bold.otf);
  font-style: normal;
  font-weight: 100;
}