/* CSS Document */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/* || GENERAL |||||||||||||||||||| */

/* || GENERAL |||||||||||||||||||| */

html {
	height: 100%;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
	height: 100%;
	margin: auto 0;
	background-color:#FFF; 
	color:#333; 
	font-family: "Montserrat", sans-serif;
	font-weight:400;
	font-size:1em;
	line-height:2em;
}


h1, h2, h3{
	font-family: "Montserrat", sans-serif;
	font-weight:300;
	font-weight:normal; 
	line-height:1em;
	margin:0; padding:0; margin-bottom:0.25em;
	color:#002F42;
}
h1{
	font-size:3em;
	color:#FBA69D;
	font-weight:200;
}
h2{
	font-size:2em;
}
p{
	font-size:1.2em;
	margin:0; padding:0;
}
a {
	color:#002F42;
	text-decoration:underline;
}
a:hover{
	color:#FBA69D;
}


/* || COMMUN ||||||||||||||||||||||| */
.wrap_72, .wrap_48, .wrap_36{
	max-width:72em;
	position:relative;
	margin:auto;
	padding:0 1.5em;
}
.wrap_48{
	max-width:48em;
}
.wrap_36{
	max-width:36em;
}


#menu{
	display: flex; flex-direction: row;
	margin-top:2em;
}
	#menu_logo{
		width:65%; height:3.5em;
		background-image:url('img/logo_dotationorg.svg'); 
		background-size:auto 100%; 
		background-repeat:no-repeat;  
		background-position:left center;
	}
	#menu_slogan{
		width:35%; height:3.5em;
		text-align:right;
		color:#002F42;
		padding-top:1.2em;
		line-height:18px;
	}
	
#welcome{
	margin-bottom:2em;
	margin-top:1em;
}
	#welcome p{
		font-size:1.5em;
		font-weight:300;
	}

#project{
	padding:2em 0;
	background-color:#F5F5F5;
}
	#cxs{
		display: flex; flex-direction: column;
	}
	#project_logo{
		width:100%; height:4em;
		margin-bottom:1em;
		background-image:url('img/logo_cxs.png'); 
		background-size:auto 100%; 
		background-repeat:no-repeat;  
		background-position:left center;
	}

#cta{
	padding:2em 0;
	text-align:center;
	background-color:#FFD0C1;
}

#footer{
	background-color:#002F42;
	padding:3em 0;
}
	#footer_logo{
		height:5em;
		background-image:url('img/logo_valeureux.svg'); 
		background-size:auto 100%; 
		background-repeat:no-repeat;  
		background-position:center center;
	}
	
/* || LINKS DIV |||||||||||||||||||| */

#footer_logo 
{
	cursor:pointer;
	position:relative;
}

#footer_logo a
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none; /* No underlines on the link */
	z-index: 10; /* Places the link above everything else in the div */
	background-color: #FFF; /* Fix to make div clickable in IE */
	opacity: 0; /* Fix to make div clickable in IE */
	filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}


/* || MEDIAS QUERIES |||||||||||||||||||| */

@media screen and (min-width: 35.5em){
h1{
	font-size:6em;
}
h2{
	font-size:2.5em;
}
#menu_logo{
	width:70%; height:5em;
}
#menu_slogan{
	padding-top:2.2em;
}
#welcome{
	margin:7em auto;
}
#project{
	padding:5em 0;
}
	#cxs{
		display: flex; flex-direction: row;
	}
	#project_logo{
		width:40%; height:5em;
	}
#cta{
	padding:5em 0;
}
}