html,body{ width:100%; height:100%;}
body{  margin:0; padding:0; background: url(images/home.jpg) no-repeat center fixed; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; /* version standardisée */  color:#FFF; font-family: 'Open Sans', sans-serif; font-size:0.875em}
.footer{ position:absolute; bottom:20px; width:70%; text-align:center; margin-left:15%;}
.btn{ width:80%; border:3px solid #FFF; font-family: 'Oswald', sans-serif; font-size:2em; padding:1% 3%; position:relative; text-transform:uppercase; cursor:pointer;margin-left:auto; margin-right:auto; margin-bottom:10px}
.btn:hover{ background:#FFF; color:#001f2f}
.clear{clear:both; margin-bottom:3%}


a,a:hover,a:active{ text-decoration:none; color:#FFF}
.btn-c{ margin-left:220px; width:350px; /*font-size:40px;*/ height:65px; }


.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.sh_btn{    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #fff;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    border-bottom: 0; display:block; text-align:center; vertical-align:middle}


.fb_link{background-color: #3b5998;}
.fb_link:hover, .fb_link:focus, .fb_link:active{background-color:#2d4373}

.google_link{background-color:#DC4E41}
.google_link:hover, .google_link:focus, .google_link:active{background-color:#c63224}	

.fa{ margin:10px auto; font-size:30px}

/* For 860px or less */  
@media screen and (max-width: 860px){.footer{width:100%; margin-left:0;} body{ font-size:1.3em} .btn{ border:2px solid #FFF; font-size:1.4em; }
.fa{ margin:8px auto; font-size:24px} .sh_btn{width: 40px; height: 40px; line-height: 40px;}} 

/* For 980px or less */  
@media screen and (max-width: 460px){body{ font-size:0.5em; background-color:#000;}.footer{width:100%; margin-left:0;} .btn{ border:2px solid #FFF; font-size:2em; }}