html{
  margin:0;
  padding:0;
  background: url('/images/backgrounds/error.jpg') no-repeat center fixed; 
  -webkit-background-size: cover; 
  background-size: cover; 
}
body{background-color: transparent !important}
.faute, .dblfaute{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.error a{margin: auto; color: #fff;}
.dblfaute a{color: #fff;}


@media only screen and (max-width: 767px) {
#logo{width: 250px; height: 136px} 
.error{margin: 30px auto !important}

.faute{
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 1rem auto 1rem;
    font-weight: 700;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 1rem auto;
    padding: 1rem 0.5rem;
    text-shadow: .1rem .1rem 0 rgba(0,0,0,.2);
} 
}

@media only screen and (min-width:768px) and (max-width: 991px) {
#logo{width: 300px; height: 163px} 

.error{margin: 40px auto !important}

.faute{
    font-size: 2.7rem;
    line-height: 2.7rem;
    margin: 1rem auto;
    font-weight: 700;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 1rem auto;
    padding: 2rem 1rem;
    text-shadow: .1rem .1rem 0 rgba(0,0,0,.2);
} 
}

@media only screen and (min-width:992px) and (max-width: 1199px) { 
#logo{width: 300px; height: 163px} 

.error{margin: 40px auto !important}

.faute{
    font-size: 3rem;
    line-height: 3rem;
    margin: 1rem auto 1rem;
    font-weight: 700;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 1.5rem auto;
    padding: 2rem 0;
    text-shadow: .1rem .1rem 0 rgba(0,0,0,.2);
} 
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) { 
#logo{width: 390px; height: 212px} 

.error{margin: 40px auto !important}

.faute{
    font-size: 4rem;
    line-height: 4rem;
    margin: 1rem auto 1rem;
    font-weight: 700;
    text-shadow: .4rem .4rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 1.5rem auto;
    padding: 2rem 0;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
} 
}

@media only screen and (min-width: 1600px) and (max-width: 2399px) {  
#logo{width: 500px; height: 271px} 

.error{margin: 50px auto !important}

.faute{
    font-size: 5rem;
    line-height: 5rem;
    margin: 8.5rem auto 3rem;
    font-weight: 700;
    text-shadow: .4rem .4rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 1.8rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 8.5rem auto;
    padding: 2rem 0;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
}

}

@media only screen and (min-width: 2400px) {  
#logo{width: 500px; height: 271px} 

.error{margin: 50px auto !important}

.faute{
    font-size: 5.5rem;
    line-height: 5.5rem;
    margin: 8.5rem auto 3rem;
    font-weight: 700;
    text-shadow: .4rem .4rem 0 rgba(0,0,0,.2);
}

.dblfaute{
  font-size: 2.2rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 8.5rem auto;
    padding: 2rem 0;
    text-shadow: .2rem .2rem 0 rgba(0,0,0,.2);
}

}