html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html, body {
	height: 100%;
}
body {
	background: #111;
}
.beers {
	height: 100%;
	width: 700px;
	margin: auto;
	background: url('../img/bg.jpg') repeat;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}
.logo {
	width: 221px;
	height: 225px;
	background: url('../img/sprite.png') no-repeat;
	margin: auto;
}
.zone-survol {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 2;
}
img {
	height: 650px;
}
.bieres img {
	position: absolute;
	bottom: 50px;
	left: 120%;
	transform: translateX(-50%);
}
.bieres img:nth-of-type(1) {
	left: 50%;
}