@font-face {
  font-family: "built titling bd";
  src:
    local("built titling bd"),
    url("Font/built titling bd.eot") format("opentype"),
	url("Font/built titling bd.woff") format("woff"),
}
body {
    background:#00fc78ff;
	font-family:Roboto, sans-serif;
	width:95%;
	margin:2em auto;
}
header {
	display:flex;
}
.logo {
	width:60%;
	margin-right:8%;
}
#hiatus {
	width:75%;
}
nav {
	margin:3em auto;
	width:22%;
	font-family: 'built titling bd';
	transform: rotate(-11deg);
}
nav a {
	display:block;
	color:black;
	text-decoration:none;
	font-size:2.5em;
}
nav a:hover {
	color:white;
}
a.lang {
	color:black;
	text-decoration:none;
}
a.lang:hover {
	color:white;
}
h1 {
	font-family: 'built titling bd';
}
.container {
	margin:3em auto 5em auto;
}
.signataires > div {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}
.signature {
	width: 23%;
	margin:2% 5%
}
.signature img {
	width: 100%;
	mix-blend-mode: multiply;
}
.signature p {
	text-align: center;
	font-size: 0.8em;
}
.contact {
	margin-top: 3em;
}
@media (min-width:1250px) {
	body {
		width:80%;
		margin-left: 12%;
	}
	#hiatus {
		width:35%;
	}
nav a {
	font-size:1.5em;
}
	.container {
		display:flex;
	}
.manifeste {
	width:50%;
	margin-right:8%;
}
.signataires {
	width:32%;
}
footer {
	margin-left: -12%;
}
.contact {
	width: 50%;
}
}