html,
body {
	background: url(../img/bg.jpg) center center no-repeat;
	background-size: cover;
	height: 100%;
}

body {
	border: 15px solid #ecece2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1 {
	text-indent: -9999px;
}

img#uf {
	height: auto;
	left: 50%;
	max-height: 80vh;
	max-width: 80vw;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
img#unfaire {
	bottom: 10vw;
	left: 10vw;
	max-width: 100px;
	position: absolute;
}
img#mmxxii {
	bottom: 10vw;
	right: 10vw;
	max-width: 50px;
	position: absolute;
}

@media screen and (max-width: 400px) {
	body {
		border-width: 10px;
	}
	img#uf {
		margin-left: 3%;
	}
	img#unfaire {
		bottom: 12vw;
		left: 12vw;
		max-width: 80px;
	}
	img#mmxxii {
		bottom: 11vw;
		right: 12vw;
		max-width: 36px;
	}
}