/* FONT */
@import url('https://fonts.googleapis.com/css?family=Cinzel');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

/* MAIN */
html {margin: 0;padding: 0;height:100%;}
body {min-width: 755px;width:100%;height:100%;min-height:650px; padding: 0;margin: 0;height:100%;display: grid;}

#container {margin:auto;width:100%;}
#header {text-align: center;}
.logo {height:100px;margin-top: 50px;}
a, .links {font-family: 'Cinzel', serif;font-variant: small-caps;letter-spacing: 3px;font-size: 16px;padding: 5px;text-decoration: none;  color: #686666;}
.links:hover {color:#000000;}

#cover {margin-top:20px;width:100%;height:500px;background-image: url("../src/cover1.jpg");clear: both;background-size: cover;background-position: center 15%;}
#content {text-align: center;padding:20px;}

#footer {}
.ig {height:20px;margin-top: 15px;}
.fb {height:20px;margin-top: 15px;}
#coordonnees {font-family: 'Cinzel', serif;font-variant: small-caps;letter-spacing: 3px;font-size: 12px;text-align: center;padding-top: 20px;color: #666666;}
.tel {font-size: 12px;}
.spacer {letter-spacing: 0;margin-top: 10px;display: block;}


.salon1 {display:inline-block;padding-right:25px;}
.salon2 {display:inline-block;padding-right:25px;float:right:}

/* MOBILE STYLES */
@media screen and (orientation:portrait) { .container { width:100%; }}
@media only screen and (max-width: 1000px) 
{
	body{min-width: 300px;margin:0px;padding:0px;width:100%;height:100%;font-size: 11px;}
	#cover {height:250px;}
	.logo {margin-top: 20px;height:70px;}
	
}