@font-face {
	font-family: "MONTSERRAT_LIGHT";
	src: url("../fonts/Montserrat-Light.otf") format("opentype");
}

@font-face {
	font-family: "MONTSERRAT_LIGHT";
	src: url("../fonts/Montserrat-Bold.otf") format("opentype");
	font-weight: bold;
}

body{
	margin:0;
	font-family: 'MONTSERRAT_LIGHT';
	background-color:#FCFAFA;
}

footer{
	display:block;
	float:left;
	width:100%;
	height:5em;
	position:relative;
	position:relative;
	line-height:5em;
	margin-top:2em;
	border-top:1px solid #C12B2B;
	text-align:center;
}

.header{
	display:block;
	position:fixed;
	width:100%;
	text-align:center;
	background-position: center;
	background-image:url('../images/header.png');
	background-repeat: no-repeat;
	background-size: cover;
	z-index:10;
}

/* Heder */

.header-text h1, .header-text p
{	display:block;
	float:right;
	width:60%;
    font-size: 60px;
	margin-right:3%;
	text-align:right;
    color: #fff;
    text-transform: uppercase;
}

.header-text
{
	display:block;
}

.header-text p
{
    font-size: 26px;
    color: #fff;
	margin-top:0;
}

.header-text img {
	display:block;
	float:left;
	height:80%;
	margin-top:1.3em;
}

.mentions_legales{
	display:block;
	float:left;
	margin-top:200px;
	width:100%;
}

.mentions_legales h1{
	text-align:center;
	background-color:#AD0038;
	color:#FFF;
	line-height:150px;
}

.mentions_legales h2{
	margin-left:5%;
	color:#AD0038;
	font-size:2.5em;
}

.mentions_legales b{
	color:#AD0038;
}

.mentions_legales p{
	width:96%;
	margin-left:2%;
}

.presentation{
	display:block;
	position:relative;
	margin:auto;
}

.presentation h1{
	color:#C12B2B;
}

.center{
	display:block;
	float:left;
	position: absolute;
	width:100%;
	z-index:1;
}

.explication{
	display:block;
	position:relative;
	margin:auto;
	background-color:#FFF;
}

.explication p {
	display:block;
	position:absolute;
	width:65%;
	margin-top:0px;
	line-height:1.5em;
}

.explication h2 {
	display:block;
	width:80%;
	margin-left:1.5em;
}

.explication img{
	float:right;
	width:30%;
	margin-bottom:5%;
}

.circle {
	display:block;
	float:left;
	border-radius: 50%;
	background-color:#C12B2B;
	margin-top:2%;
}

.contact_title{
	display:block;
	float:left;
	width:100%;
	margin-top:5%;
	background-color:#C12B2B;
	color:#FFFFFF;
	text-align:center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.header-text h1{
		font-size:1.8em;
	}

	.header{
		height:10em;
		font-size:1em;
	}
	
	.presentation{
		width:95%;
		font-size:2em;
		text-align:center;
	}
	
	.explication{
		max-width:992px;
		padding:15px;
		height:500px;
		font-size:1.9em;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
		border-top: 2px solid #C12B2B;
	}
	
	.circle {
		height:1.3em;
		width:1.3em;
		margin-top:1.5em;
	}
	
	.contact_title{
	    font-size: 1.3em;	
	}
	
	.center{
		margin-top:10em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.header{
		height:7em;
	}
	
	.presentation{
		width:90%;
		font-size:1em;
		text-align:center;
	}
	
	.explication{
		max-width:800px;
		padding:15px;
		height:320px;
		font-size:0.9em;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
		border-top: 2px solid #C12B2B;
	}
	
	.circle {
		height:1.5em;
		width:1.5em;
	}
	
	.contact_title{
	    font-size: 1.3em;	
	}
	
	.center{
		margin-top:10em;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.header{
		height:10em;
	}
	
	.presentation{
		width:90%;
		font-size:1.5em;
		text-align:center;
	}
	
	.explication{
		max-width:900px;
		padding:15px;
		height:320px;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
		border-top: 2px solid #C12B2B;
	}
	
	.circle {
		height:1.5em;
		width:1.5em;
	}
	
	.contact_title{
	    font-size: 1.3em;	
	}
	
	.center{
		margin-top:10em;
	}
}