.hero {
	background-image: linear-gradient(90deg, rgba(8,24,19,.96) 0%, rgba(8,24,19,.72) 42%, rgba(8,24,19,.12) 82%), url(photos/quiz-celebration.jpg);
}
.beer-art {
	background-image: linear-gradient(rgba(165,74,43,.16), rgba(165,74,43,.16)), url(pro-kviz-brand.jpg);
	background-size: cover;
	background-position: center;
}
.beer-art .beer-badge { background: rgba(13,36,29,.88); }
@media (max-width: 700px) {
	.hero { background-position: 58% center; }
}