/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;
}
body,html{
	height:100%;
	/*height: 100vh;*/
}
body{
	background: #185EB6 url(../images/bg-body.jpg) center center no-repeat;
}

@font-face {
	font-family: 'Entypo';
	src: url('../font/Entypo-webfont.eot');
	src: local('☺'), url('../font/Entypo-webfont.woff') format('woff'), url('../font/Entypo-webfont.ttf') format('truetype'), url('../font/Entypo-webfont.svg#webfont3O1lEWkC') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* GOTHAM ROUNDED BOLD */
@font-face {
	font-family: 'gthmrnd-bold';
	src: url('../font/gthmrnd-bold.eot');
	src: local('☺'), url('../font/gthmrnd-bold.woff') format('woff'), url('../font/gthmrnd-bold.ttf') format('truetype'), url('../font/gthmrnd-bold#webfont3O1lEWkC') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GOTHAM ROUNDED BOOK */
@font-face {
	font-family: 'gthmrnd-book';
	src: url('../font/gthmrnd-book.eot');
	src: local('☺'), url('../font/gthmrnd-book.woff') format('woff'), url('../font/gthmrnd-book.ttf') format('truetype'), url('../font/gthmrnd-book.svg#webfont3O1lEWkC') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GOTHAM ROUNDED MEDIUM */
@font-face {
	font-family: 'gthmrnd-medium';
	src: url('../font/gthmrnd-medium.eot');
	src: local('☺'), url('../font/gthmrnd-medium.woff') format('woff'), url('../font/gthmrnd-medium.ttf') format('truetype'), url('../font/gthmrnd-medium.svg#webfont3O1lEWkC') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GOTHAM ROUNDED LIGHT */
@font-face {
	font-family: 'gthmrnd-light';
	src: url('../font/gthmrnd-light.eot');
	src: local('☺'), url('../font/gthmrnd-light.woff') format('woff'), url('../font/gthmrnd-light.ttf') format('truetype'), url('../font/gthmrnd-light.svg#webfont3O1lEWkC') format('svg');
	font-weight: normal;
	font-style: normal;
}


#container {
	width: 100%;
	height: 100vh;
	margin: auto;
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
*+html #container {
	position: absolute;
	top: 50%;
	left:50%;
	margin: auto;
}

#content {
	padding: 1rem; 
	margin: auto;
	text-align: center;

}

p {
	font: 2rem/140% 'gthmrnd-light', sans-serif;
	color: #FFF;
	text-align: center;
	margin: 3rem 0;
}

a {
	font: 2rem/140% 'gthmrnd-light', sans-serif;
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: rgba(255,255,255,.8);
}
a:hover:before {
	text-decoration: none;
}

span {
	font: 2rem/200% 'gthmrnd-medium', sans-serif;
	color: #FFF;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	width: auto;
	display: block;
}

@media screen and (max-width: 1024px) {
	#container {
		width: 100%;
		height: 100%;
	}
	p, a, span {
		font-size: 1.5rem;
	}
}