body{background:url(img/body-bg.png) 0 0/85px 46px;padding:0;margin:0;background-attachment: fixed;font-family: sans-serif;font-weight:300;font-size:16px;line-height:24px;}
h1{font-weight:normal;font-size:16px;line-height:24px;margin:0;padding:0;}
.main {position:relative;}
.bar {width:100%;height:200px;margin:200px 0 0; background:#222;;background:url(img/bar-bg.png) 0 28px/1px 145px repeat-x; }
.label {width:600px;height:700px; margin:0 auto;position:absolute;top:-100px;left:calc(50% - 300px);background:url(img/beer-label.png) center 0/600px 498px no-repeat;}
.beer-bg {width:100%;height:200px;background: #000; margin:790px 0 0;}
.beer {background:url(img/beer-bg.png) center 0/500px 720px no-repeat;height:720px;margin:-747px 0 0;}
.product {padding:100px 0;background:#000;text-align: center;color:#AAA; text-anchor: center}
.product a {color:#AAA;}
.product img {max-width:100%;max-height:auto;}

@media screen and (max-width: 480px) {
	.main{width:100%}
	.label {
		width:100%;
		height:700px;
		margin: 0;
		background:url(img/beer-label.png) center 0/100% auto no-repeat;
		left:0;
	}
	.beer-bg {width:100%; margin: 400px 0 0;}

	.bar {
		background:none;
	}
	.beer {background:url(img/beer-bg.png) center 0/333px 480px no-repeat;;margin:-560px 0 0;height:500px;}
		.product {width:100%;}
		.product img {max-width:100%;width:100%;}
	}
	}