html{
    background:url(/fr/img/bg.jpg) no-repeat 50% 50% transparent fixed;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    height:100%;
}

body{
    background:transparent;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-bottom: 2em;
}

.bold{
    font-weight: bold;
}

h1,p,a{
    color:white;   
}

#logo{
    text-align: center;
    margin: 3em 0 0 0;
}

#text{
    margin-top:3em;
}

#text h1{
    font-size: 2em;
    font-weight: bold;
}

#text p{
    margin: 0 auto;
    font-size: 1.3em;
}

@media (min-width: 767px) {
    #text{
        margin-top: 6em;    
    }
    
    #text p{
        margin-top: 2em;
        width:450px;
    }
}

#buttons{
    margin-top: 3em;   
    text-align: center;
}

#buttons a{
    display: inline-block;
    margin:0 .6em;
}

#buttons a:hover{
    color:white;
}

#buttons a:hover span{
    color:white;
}

#buttons a img,
#buttons a span
{
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

#buttons a span{
    display: block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

@media (min-width: 767px) {
    #buttons a{
        margin:0 5em;   
    }
}