@charset "utf-8";
html { 
  background: url(_img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body { font-family: 'Raleway', sans-serif; color:#304892; }
p { font-size:0.78em; font-weight:300;  }
h1 { font-size:1.2em; font-weight:300; }
.message { width: 70%; margin-left:30%; margin-top:14%; }
.nom { margin:0 0 2px 0; }
span.left { display:inline-block; width:58px; }

@media screen and (min-width:481px) and (max-width: 767px){ 
p { font-size:0.9em; font-weight:300;  }
h1 { font-size:1.2em; font-weight:300; }
.message { width: 60%; margin-left:40%; margin-top:10%; }
.nom { margin:0 0 2px 0; }
span.left { display:inline-block; width:66px; }
}

@media screen and (min-width:768px) and (max-width: 900px){
p { font-size:1.2em; font-weight:300; }
h1 { font-size:1.6em; font-weight:300; }
.message { width: 50%; margin-left:40%; margin-top:14%; }
.nom { margin:0 0 4px 0; }
span.left { display:inline-block; width:92px; }
}


@media screen and (min-width:901px){
p { font-size:1.3em; font-weight:300; }
h1 { font-size:1.7em; font-weight:300; }
.message { width: 50%; margin-left:40%; margin-top:14%; }
.nom { margin:0 0 4px 0; }
span.left { display:inline-block; width:100px; }
}