/* ==================================================
   DESKTOP
   Écrans supérieurs à 1024px
================================================== */

a {
	text-decoration: none !important;
}

@media screen and (min-width: 1001px) {

    body {
        background-image: url('../img/yurei-fond.webp'); 
        font-family: "Poppins", Arial, sans-serif;
        background-size: cover; 
        background-attachment: fixed !important; 
        padding: 2%;
    }
    
    .logo {
   		float: left;
    	width:150px;
    }
    .adresse {
    	float: left;
    	margin: 37px 0 0 20px;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 12px;
    	color: #FFF;
    	line-height: 1.2em;
    	-webkit-font-smoothing: antialiased;
    }
    .copyright {
    	clear: both;
    	float: left;
    	margin: 0px 0 50px 0;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 12px;
    	color: #FFF;
    	line-height: 1.2em;
    	-webkit-font-smoothing: antialiased;
    }
    .yurei-ghost-of-enoshima {
    	clear: both;
    	float: left;

    	width:500px;
    }
    
    .yurei-button {
    	clear: both;
    	float: left;
    	background-color: #000;
    	color: #FFF !important;
    	padding: 10px 20px;
    	border-radius: 40px;
    	margin: 50px 0 20px 0;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 12px;
    	line-height: 1.2em;
    	text-decoration: none;
    	text-transform: uppercase;
    	-webkit-font-smoothing: antialiased;
    }
    
    h1 {
    	clear: both;
    	float: left;
    	font-weight: 700;

    	font-size: 55px;
    	color: #FFF;
    	line-height: 1em;
    	-webkit-font-smoothing: antialiased;
    }
    
    

}








/* ==================================================
   MOBILE
   Jusqu'à 767px
================================================== */

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

    body {
        background-image: url('../img/yurei-fond.webp'); 
        font-family: "Poppins", Arial, sans-serif;
        background-size: cover; 
        background-attachment: fixed !important; 
        padding: 5%;
    }
    
    .logo {
    	float: left;
    	width:300px;
    }
    .adresse {
    	float: left;
    	margin: 60px 0 0 30px;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 27px;
    	color: #FFF;
    	line-height: 1.2em;
    	-webkit-font-smoothing: antialiased;
    }
    .copyright {
    	clear: both;
    	float: left;
    	margin: 0px 0 50px 0;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 27px;
    	color: #FFF;
    	line-height: 1.2em;
    	-webkit-font-smoothing: antialiased;
    }
    .yurei-ghost-of-enoshima {
    	clear: both;
    	float: left;
    	margin-top: 40px;
    	width:100%;
    }
    .yurei-button {
    	clear: both;
    	float: left;
    	background-color: #000;
    	color: #FFF !important;
    	padding: 20px 40px;
    	border-radius: 40px;
    	margin: 100px 0 20px 0;
    	font-family: Open Sans, Arial, sans-serif;
    	font-weight: 600;
    	font-size: 30px;
    	line-height: 1.2em;
    	text-decoration: none;
    	text-transform: uppercase;
    	-webkit-font-smoothing: antialiased;
    }
    h1 {
    	clear: both;
    	float: left;
    	font-weight: 700;

    	font-size: 110px;
    	color: #FFF;
    	line-height: 1em;
    	-webkit-font-smoothing: antialiased;
    }


}