body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Montserrat;
	width: 100%;
	height: 100%;
}

.row {
	width: 100%;
	background-color: #fff;
}

.row_container {
	margin: 0 auto;
	max-width: 1280px;
	width: auto;
}

.nolines {
	line-height: 0;
	font-size: 0;
}

.logo img {
	width: 100%;
	max-width: 1280px;
	height: auto;
}

.row {
	position: relative;
	z-index: 0;
}

.row_shaded {
	z-index: 1;
	box-shadow: 0 1px 15px rgba(0,0,0,0.75);
}

.row_headline_bubbling {
	background-image: url('src/bubbling.jpg');
}
.row_headline_beer {
	background-image: url('src/beer.jpg');
}

.row_headline {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.row_headline .pad {
	padding: 152px 60px;
}

.row_headline h1 {
	font-size: 72px;
	line-height: 88px;
	color: #fff;
	text-shadow: 0 3px 16px rgba(0, 0, 0, 0.6);
	margin: 0;
}

.row_intro {
	text-align: center;
}
/*
.row_intro h2 {
	font-size: 72px;
	line-height: 88px;
	color: #939598;
	margin: 0 0 64px 0;
	font-weight: 700;
}
*/
.row_intro h2 {
	font-size: 36px;
	line-height: 1em;
	color: #888686;
	margin: 0 0 64px 0;
	font-weight: 400;
}

.row_intro p {
	font-size: 24px;
	line-height: 2em;
	color: #888686;
	margin: 0;
	font-weight: 400;
}

.row_intro .pad {
	padding: 90px 60px 64px 60px;
}


.row_brands {
	text-align: center;
}

.row_brands h2 {
	font-size: 36px;
	line-height: 1em;
	color: #939598;
	margin: 0;
	font-weight: 400;
}

.row_brands .verpad {
	padding: 90px 0 64px 0;
}

.col640 {
	float: left;
	width: 50%;
}

.row_brands,
.row_brands .col360,
.row_brands .col460,
.row_brands .col640 {
	padding: 0 0 60px 0;
}

.socialproof {
	font-size: 12px;
	font-weight: 400;
	color: #cccccc;
}

.socialproof img {
	width: 100%;
	height: auto;
	max-width: 320px;
	max-height: 180px;
	margin: 0 20px;			
}
		


.col640 img {
	width: 100%;
	max-width: 640px;
	height: auto;
}

.col360 {
	float: left;
	width: 28.125%;
}

.col360 img {
	width: 100%;
	max-width: 360px;
	height: auto;
}

.col460 {
	float: left;
	width: 35.9375%;
}

.col460 img {
	width: 100%;
	max-width: 460px;
	height: auto;
}

.row_text .pad {
	padding: 96px 0 60px 0;
}

.row_text {
	font-size: 18px;
	line-height: 2em;
	color: #888686;
}

.row_text p {
	margin: 0 0 36px 0;
}

.row_text a {
	color: #888686;
	text-decoration: none;
}

.row_text a:hover {
	text-decoration: underline;
}

.row_footer .horpad,
.row_text .horpad {
	padding: 0 60px;
}

.row_text .col50 {
	float: left;
	width: 50%;
}

.row_footer {
	color: #939598;
	font-size: 12px;
	line-height: 2em;
	background-color: #ededed;
	padding: 12px 0 84px 0;
}

.row_footer p {
	margin: 0;
}

.row_footer a {
	color: #939598;
	text-decoration: none;
}

.row_footer a:hover {
	text-decoration: underline;
}

.alignright {
	text-align: right;
}

.break {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1279px) {
	.row_headline .pad {
	    padding: 96px 60px;
	}
	
	.row_brands .verpad {
	    padding: 60px 0 44px 0;
	}
	
	.row_brands, .row_brands .col360, .row_brands .col460, .row_brands .col640 {
		padding: 0 0 40px 0;
	}

	.row_headline h1 {
		font-size: 48px;
		line-height: 66px;
	}

	.row_brands h2 {
		font-size: 27px;
		line-height: 1em;
	}

	.row_text {
		font-size: 16px;
		line-height: 2em;
	}
}

@media (min-width: 641px) and (max-width: 768px) {
	.row_headline .pad {
	    padding: 72px 60px;
	}

	.row_brands .verpad {
	    padding: 	40px 0 14px 0;
	}
	
	.row_brands, .row_brands .col360, .row_brands .col460, .row_brands .col640 {
		padding: 0 0 20px 0;
	}

	.row_headline h1 {
		font-size: 36px;
		line-height: 44px;
	}

	.row_brands h2 {
		font-size: 18px;
		line-height: 1em;
	}

	.row_text {
		font-size: 14px;
		line-height: 2em;
	}

	.row_text .col50 {
		float: none;
		width: 100%;
	}
}

@media (min-width: 481px) and (max-width: 640px) {
	.row_headline .pad {
	    padding: 48px 40px;
	}

	.row_brands .verpad {
	    padding: 	20px 0 0 0;
	}
	
	.row_brands, .row_brands .col360, .row_brands .col460, .row_brands .col640 {
		padding: 0 0 10px 0;
	}

	.row_headline h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.row_brands h2 {
		font-size: 16px;
		line-height: 1em;
	}

	.row_text {
		font-size: 12px;
		line-height: 2em;
	}

	.row_text .col50, .col640, .col460, .col360 {
		float: none;
		width: 100%;
	}

	.row_footer {
		text-align: center;
	}

	.alignright {
		text-align: center;
	}

}

@media (max-width: 480px) {
	.row_headline .pad {
	    padding: 24px 20px;
	}
	
	.row_brands .verpad {
	    padding: 	20px 0 0 0;
	}
	
	.row_brands, .row_brands .col360, .row_brands .col460, .row_brands .col640 {
		padding: 0 0 10px 0;
	}

	.row_headline h1 {
		font-size: 21px;
		line-height: 27px;
	}

	.row_brands h2 {
		font-size: 14px;
		line-height: 1em;
	}

	.row_text {
		font-size: 12px;
		line-height: 2em;
	}

	.col640, .col460, .col360 {
		float: none;
		width: 100%;
	}

	.row_footer {
		text-align: center;
	}

	.alignright {
		text-align: center;
	}
}


