@font-face {
	font-family: 'GothamLight';
	src: url('./GothamLight.eot');
	src: local('GothamLight'), url('./GothamLight.woff') format('woff'), url('./GothamLight.ttf') format('truetype');
}
@font-face {
	font-family: 'CronosPro';
	src: url('subset-CronosPro-Italic.eot');
	src: url('subset-CronosPro-Italic.eot?#iefix') format('embedded-opentype'),
		url('subset-CronosPro-Italic.woff') format('woff'),
		url('subset-CronosPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}


body {
    background-color: #333333;
    color: #FFF;
    font-family: "GothamLight",Helvetica,Arial,sans-serif;
    font-size: 16px;
	margin : 0;
	padding : 0;
	width:100%;
	text-align:center;
	height:100%;
}

div#container {
	position: relative;
	margin : 0 auto;
	/*padding : 20px;*/
	text-align : left;
	/*width:968px;*/
	min-height: 80%;
	voice-family:"\"; }\"";
	voice-family:inherit;
	height:auto;
}

#head {
	position: relative;
	background-color: #FFF;
	display:block;
	height:90px;
}

.logo {
	display:block;
	padding: 0 0 0 50px;
}

#center {
    background-image: url("../images/background-home.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
    padding: 0;
    z-index: 10;
    bottom:0;
	height: 570px;
}

.edito {
	display:block;
	position:relative;
	margin:130px;
	padding: 2%;
	color:#FFF;
	background: #333;
	background-image:linear-gradient(#333, #111);
}

.punch-line h2 {
	color:#FFF;
	font-size:50px;
	font-weight: 100;
	overflow:hidden;
	font-family:CronosPro, Arial;
	
}

#bottom {
	padding:50px 0 20px 0;
	margin:0;
	text-align:center;
	font-weight: 300;
    font-size: 14px;
	
}

#bottom a {
		color:#FFF;
}

.display-none { display:none; }

/* Mobile */
@media screen and (max-width: 767px) {
	#head {
		height:auto;
    	z-index: 1;
	}
	.logo {
		padding: 0 5px;
	}

	.logo img {
		width:75%;
		height:auto;
	}
	#center {
		min-height:100%;
		padding:0;
		margin:0;
    	z-index: 10;
	}

	.edito {
		margin:2em 2em 15em 2em;
		padding:2em 1em;
	}

	.punch-line h2 {
		padding:0;
		margin:0;
		font-size:1.4em;
		white-space: normal;
		font-weight: 300;
	}

	#bottom {
		padding:1em 2em;
		position:absolute;
		bottom:0em;
    	background-color: #333333;
    	z-index: 1;
	}
}