.pad-top-big {
	padding-top: 10vh;
}

#s1 {
	height: 760px;
	background-image: url(img/s1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#s2 {}
.s2-bg {
	background-image: url(img/trees.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	padding-bottom: 80px;
}
#s2 p {
	background: rgba(255,255,255,0.85);
	border-radius: 15px;
}

.line {
	height: 320px;
	background-image: url(img/line.png);
	background-repeat: no-repeat;
	background-position: center;
}
.circles {
	display: flex;
	flex-direction: column;
}
.circles img + img {
	margin-top: 100px;
}

#s3 {
	height: 929px;
	background-image: url(img/s3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#s4 {
	height: 1283px;
	background-image: url(img/s4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#s5 {
	background: rgb(218,217,211);
	background: -moz-linear-gradient(top,  rgba(218,217,211,1) 10%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 85%, rgba(218,217,211,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(218,217,211,1) 10%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 85%,rgba(218,217,211,1) 100%);
	background: linear-gradient(to bottom,  rgba(218,217,211,1) 10%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 85%,rgba(218,217,211,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad9d3', endColorstr='#dad9d3',GradientType=0 );
	color: #1d1d1b;
	
}
.s5-bg {
	padding-bottom: 120px;
	background-image: url(img/s5.png);
	background-repeat: no-repeat;
	background-position: 0 90%;
	background-size: 100%;
}
.stout {
	background-image: url(img/stout3.png);
	background-repeat: no-repeat;
	background-position: 100% -120px;
	padding-top: 120px;
}
.ale {
	background-image: url(img/ale3.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
/*
.lager {
	background-image: url(img/lager3.png);
	background-repeat: no-repeat;
	background-position: 100% bottom;
}
*/

.min660 {
	min-width: 660px;
}


#s5 .inner + .inner {
	margin-top: 150px;
}

#s6 {
	height: 922px;
	background-image: url(img/s6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: #FFF;
}

@media(max-width: 1200px) {
	
	.s2-bg {background-size: 160%;}
	.stout {background-image: none;}
	#s1 {height: 560px;}
	.line {height: 300px;}
	.circles img, .circles img + img {margin-top: 50px}
	.circles img {max-width: 180px;}
	.min660 {min-width: unset;text-align:center; margin-bottom: 100p;x}
	#s3 {height: 600px;}
	#s4 {height: 700px;}
	#s6 {height: 600px;}
	.ale {background-image: none;}
	#s5 {
background: rgb(218,217,211);
background: -moz-linear-gradient(top,  rgba(218,217,211,1) 0%, rgba(255,255,255,1) 56%);
background: -webkit-linear-gradient(top,  rgba(218,217,211,1) 0%,rgba(255,255,255,1) 56%);
background: linear-gradient(to bottom,  rgba(218,217,211,1) 0%,rgba(255,255,255,1) 56%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad9d3', endColorstr='#ffffff',GradientType=0 );

	}
}