@font-face {
	font-family: 'maisonneue';
	src: url('/_incf/MaisonNeueWEB-Medium.woff2') format('woff2'),
		 url('/_incf/MaisonNeueWEB-Medium.woff2') format('woff2');
	font-weight: normal; 
	font-style: normal;
}
:root {
	--textsize: 2rem;
	--yellow: #ebe300;
	--purpleblue: #00008c;
}
* { box-sizing: border-box; }
* { outline: none; }
a {
	color: inherit;
}
a {
	position: relative;
	text-decoration: none;
}
hr {
	border: 0;
    border-top: 1px solid var(--purpleblue);
	margin-top: 3rem;
}
body {
	background-color: var(--yellow);
	color: var(--purpleblue);
	font-family: maisonneue, sans-serif;
	font-size: var(--textsize);
	line-height: 1.15;
	width: 100vw;
	margin: 0; padding: 0; border: 0;
	min-height: 100vh;
}
ul {
	list-style: none; /* Remove default bullets */
	padding-left: 1em; /* Optional: add some indentation */
	padding-left: 0;
	padding-top: 0;
	margin-top: -1rem;
}
ul li {
	position: relative;
	text-indent: 0;
	padding-left: 1.3em;	
}
ul li::before {
	content: "— "; /* Insert a dash and a space */
	color: inherit; /* Make the dash match the text color */
	font-weight: normal; /* Optional */
	position: absolute;
	left: 0;
	top: 0;  
}
div.header {
	padding-left: 1.6vw;
	padding-top: 1.6vw;
	padding-right: 1.6vw;
	padding-bottom: 1.6vw;
	width: 100%;
}	
div.logo {
	display: inline-block;
}
div.toprevioussite {
	display: inline-block;
	height: 2.3rem;
	float: right;
	margin-right: 4rem;
}
div.toprevioussite img {
	height: 2.3rem;
}
div.socials {
	float: right;
	margin-top: calc(1.15 * var(--textsize));
	display: inline-block;
	margin-right: 4rem;
}
div.socials img {
	height: 1.5rem;
}
div.langswitch {
	float: right;
	margin-top: calc(1.15 * var(--textsize));
	display: inline-block;
}
div.site {
	width: 100%;
	padding-left: 3.6vw;
	padding-right: 3.6vw;
}
#left {
	width: 44.5vw; float: left;
}
#left p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
#right {
	width: 44.5vw; float: left; padding-left: 3.6vw;
	text-align: center;
}
#right img {
	max-width: 66%;
}
#right img:nth-of-type(1) {
	margin-bottom: 4rem;
}
#right img:nth-of-type(2) {
	margin-bottom: 5rem;
}
#right img:nth-of-type(3) {
	margin-bottom: 5rem;
}
#right img:nth-of-type(4) {
	margin-bottom: 5rem;
}
#right img:nth-of-type(2) {
	margin-bottom: 5rem;
}
.mob {
	display: none;
}
@media only screen and (orientation: portrait) {
	:root {
		--textsize: 1.5rem;
	}
	div.header {
		padding-left: 3.8vw;
		padding-top: 7.6vw;
		padding-right: 3.8vw;
		padding-bottom: 3.8vw;
		width: 100%;
	}	
	.mob {
		display: block;
		max-width: 100%;
	}
	div.site {
		padding-left: 7.7vw;
		padding-right: 7.7vw;
	}
	#left {
		width: 100%;
	}
	#left img {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	#left img:nth-of-type(1) {
		max-width: 100%;
	}
	#right {
		width: 100%;
		display: none;
	}
	div.socials {
		margin-right: 2rem;
	}
	div.toprevioussite { 
		margin-top: calc(-4rem - 3.8vw);
		margin-right: -8rem;
		margin-left: 6rem;
	}
}