.footer {
	position:relative;
	z-index:10;
}
.ratio-2_5:before {
	padding-top:250%;
}

.intro-text {
	opacity:0;
	position:relative;
	z-index:10;
}

.intro-text h1 {
	color:#3a403a;
	font-size:8.063em;
	text-align:center;
	margin-top:5%;
	line-height:85%;
}

.intro-text h3 {
	color:#3a403a;
	font-size:1.688em;
	text-align:center;
	line-height:85%;
}

.intro-text p {
	color:#3a403a;
	font-size:1em;
	text-align:center;
	width:55%;
	margin:15px auto;
	line-height:180%;
}

.intro-text .intro-cans {
	display:block;
	width:20%;
	margin:-8.75% auto 0;
	position:relative;
	z-index:1;
}

.intro-text .down-chevron {
	display:block;
	width:2.7%;
	margin:2% auto 0;
	cursor:pointer;
	transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.intro-text .down-chevron:hover {
	transform:scale(1.2) !important;
}

.abv-ibu h3 {
	display:inline-block;
	margin:0;
	vertical-align:middle;
	font-size:25px;
/*	color:#f7f8f0;*/
}

.abv-ibu .white, .preloader-overlay .white {
	color:#f7f8f0;
}

.abv-ibu {
	margin:1.56em 0;
}

.abv-ibu .vertical-divider {
	display:inline-block;
	margin:0 15px;
	vertical-align:middle;
	background:#8d7249;
	width:1px;
	height:1.8em;
}

.beer-text {
	position:absolute;
	z-index:10;
}

.beer-text h2, .beer-text p {
	color:#fff;
}

.beer-text h2 {
	font-size:5.875em;
	color:#f7f8f0;
}

.beer-text p {
	font-size:1em;
	line-height:160%;
	color:#f7f8f0;
}

.beer-text.ipa-text {
	left:20%;
	top:36%;
	opacity:0;
	margin-top:10%;
}

.beer-text.pilsner-text {
	left:56%;
	top:58%;
	opacity:0;
	margin-top:10%;
}

.scroll-trigger {
	position:absolute;
/*	background:#ff0000;
	height:10px;
	width:100%;
	opacity:0.1;
	z-index:20;*/
}

#trees-trigger {
	top:24%;
}

#ipa-trigger {
	top:29%;
}

#bear-trigger {
	bottom:22%;
}

#movie-cta-hit {
	position:absolute;
	display:block;
	width:62%;
	z-index:10;
	left:19.7%;
	bottom:7.9%;
	background:#ff0000;
	opacity:0;
	cursor:pointer;
}

#dust-animation {
	position:fixed;
	z-index:7;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition: opacity 1s ease-out;
}

@media(min-width:1025px) {
	
	.preloader-overlay {
		background:rgba(0,0,0,0.75);
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:11;
	}
	
	.cans-landing {
		background-color:#000;
		background-image:url(/resources/img/cans-landing/background-top-50.jpg);
		background-position:top center;
		background-size:100% auto;
		overflow:hidden;
	}
	
	.ipa-cover {
		position:absolute;
		display:block;
		z-index:5;
		width:51%;
		right:0;
		top:46.27%;
		opacity:1;
		background-image:url(/resources/img/cans-landing/ipa-cover-foggy.png);
	}

	.ipa-cover:before {
		content:'';
		display:block;
		padding-top:41.37%;
	}

	.pilsner-cover {
		position:absolute;
		display:block;
		z-index:5;
		width:50.2%;
		left:0;
		top:66.9%;
		opacity:1;
		background-image:url(/resources/img/cans-landing/pilsner-cover-foggy.png);
	}

	.pilsner-cover:before {
		content:'';
		display:block;
		padding-top:49.32%;
	}

	.fog {
		position:absolute;
		display:block;
		z-index:6;
		width:100%;
		left:0;
		top:20%;
		opacity:1;
		background-image:url(/resources/img/cans-landing/fog-1400_v2.png);
	}

	.fog:before {
		content:'';
		display:block;
		padding-top:164%;
	}

	.trees {
		position:absolute;
		display:block;
		z-index:1;
		width:100%;
		left:0;
	/*	top:23.15%;*/
		top:30%;
		opacity:1;
		background-image:url(/resources/img/cans-landing/trees.png);
	}

	.trees:before {
		content:'';
		display:block;
		padding-top:52.6%;
	}

	.meadow {
		position:absolute;
		display:block;
		z-index:2;
		width:100%;
		left:0;
		bottom:0;
		opacity:1;
		background-image:url(/resources/img/cans-landing/meadow-fog.jpg);
	}

	.meadow:before {
		content:'';
		display:block;
		padding-top:146%;
	}

	.ipa-can {
		position:absolute;
		display:block;
		width:26%;
		z-index:3;
		top:32%;
		left:60%;
	}

	.pilsner-can {
		position:absolute;
		display:block;
		width:27%;
		z-index:3;
		top:52.5%;
		left:20%;
	}
	
	.bear {
		position:absolute;
		display:block;
		width:44.6%;
		z-index:4;
		right:0;
		bottom:-10%;
		opacity:1;
		transform: rotate(-15deg);
		background-image:url(/resources/img/cans-landing/bear.png);
	}

	.bear:before {
		content:'';
		display:block;
		padding-top:137%;
	}

	.movie-cta-container {
		position:absolute;
		display:block;
		width:62%;
		z-index:3;
		left:20%;
		bottom:8%;
		opacity:0;
		transform: scale(0.5);
	}

	.movie-cta {
		display:block;
		width:100%;
		transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background-image:url(/resources/img/cans-landing/movie-cta.jpg);
	}

	.movie-cta:before {
		content:'';
		display:block;
		padding-top:56.3%;
	}

	.movie-cta.over {
		transform: scale(1.05);
	}
}

@media(max-width:1024px) {
	
	.cans-landing {
		background-color:#000;
		background-image:url(/resources/img/cans-landing/mobile/bg-1080.jpg);
	}
	
	.cans-landing:before {
		padding-top:464%;
	}
	
	.intro-text { opacity:1; }
	
	.intro-text h1 {
		padding-top:20%;
	}
	
	.intro-text h3 {
		font-size:2.688em;
	}
	
	.intro-text p {
		width:70%;
	}
	
	.preloader-overlay, #dust-animation, .ipa-can, .pilsner-can { display:none !important; }
	
	.beer-text.ipa-text, .beer-text.pilsner-text { opacity:1 !important; }
	
	.intro-text p, .beer-text p {
		font-size:2em;
		line-height:160%;
	}
	
	.beer-text p br { display:none; }
	
	.beer-text.ipa-text {
		left:10%;
		top:36%;
		margin-top:0 !important;
		width:45%;
	}
	
	.beer-text.pilsner-text {
		left:50%;
		top:59%;
		opacity:0;
		margin-top:0 !important;
		width:45%;
	}
	
	.abv-ibu h3 {
		font-size:2.5em;
	}
	
	.beer-text h2 {
		font-size:7em;
	}
	
	#movie-cta-hit {
		width:89%;
		left:5.5%;
		bottom:7.8%;
	}
}

@media(max-width:767px) {
	
}


/* scaling text based on comp width of 1440px */

@media(min-width:1500px) {
	.scaling-text { font-size:104%; }
}

@media(min-width:1550px) {
	.scaling-text { font-size:107%; }
}

@media(min-width:1600px) {
	.scaling-text { font-size:111%; }
}

@media(min-width:1650px) {
	.scaling-text { font-size:114%; }
}

@media(min-width:1700px) {
	.scaling-text { font-size:118%; }
}

@media(min-width:1750px) {
	.scaling-text { font-size:121%; }
}

@media(min-width:1800px) {
	.scaling-text { font-size:125%; }
}

@media(min-width:1850px) {
	.scaling-text { font-size:128%; }
}

@media(min-width:1900px) {
	.scaling-text { font-size:132%; }
}

@media(min-width:1950px) {
	.scaling-text { font-size:135%; }
}

@media(min-width:2000px) {
	.scaling-text { font-size:138%; }
}

@media(min-width:2050px) {
	.scaling-text { font-size:142%; }
}

@media(min-width:2100px) {
	.scaling-text { font-size:146%; }
}

@media(min-width:2150px) {
	.scaling-text { font-size:149%; }
}

@media(min-width:2200px) {
	.scaling-text { font-size:153%; }
}

@media(min-width:2250px) {
	.scaling-text { font-size:156%; }
}

@media(min-width:2300px) {
	.scaling-text { font-size:159%; }
}

@media(min-width:2350px) {
	.scaling-text { font-size:163%; }
}
@media(min-width:2400px) {
	.scaling-text { font-size:166%; }
}

@media(min-width:2450px) {
	.scaling-text { font-size:170%; }
}

@media(min-width:2500px) {
	.scaling-text { font-size:174%; }
}

@media(min-width:2550px) {
	.scaling-text { font-size:177%; }
}

@media(min-width:2600px) {
	.scaling-text { font-size:180%; }
}

@media(min-width:2650px) {
	.scaling-text { font-size:184%; }
}

@media(min-width:2700px) {
	.scaling-text { font-size:187%; }
}

@media(min-width:2750px) {
	.scaling-text { font-size:190%; }
}

@media(min-width:2800px) {
	.scaling-text { font-size:194%; }
}

/*@media(max-width:1440px) {
	.scaling-text { font-size:100%; }
}*/

@media(max-width:1400px) {
	.scaling-text { font-size:97%; }
}

@media(max-width:1350px) {
	.scaling-text { font-size:93%; }
}

@media(max-width:1300px) {
	.scaling-text { font-size:90%; }
}

@media(max-width:1250px) {
	.scaling-text { font-size:86%; }
}

@media(max-width:1200px) {
	.scaling-text { font-size:83%; }
}

@media(max-width:1150px) {
	.scaling-text { font-size:79%; }
}

@media(max-width:1100px) {
	.scaling-text { font-size:76%; }
}

@media(max-width:1050px) {
	.scaling-text { font-size:73%; }
}

@media(max-width:1024px) {
	.scaling-text { font-size:71%; }
}

@media(max-width:960px) {
	.scaling-text { font-size:66%; }
}

@media(max-width:900px) {
	.scaling-text { font-size:62.5%; }
}

@media(max-width:850px) {
	.scaling-text { font-size:59%; }
}

@media(max-width:812px) {
	.scaling-text { font-size:56%; }
}

@media(max-width:800px) {
	.scaling-text { font-size:55%; }
}

@media(max-width:767px) {
	.scaling-text { font-size:53%; }
}

@media(max-width:667px) {
	.scaling-text { font-size:46%; }
	.cans-landing {
		background-image:url(/resources/img/cans-landing/mobile/bg-667.jpg);
	}
}

@media(max-width:568px) {
	.scaling-text { font-size:39%; }
}

@media(max-width:414px) {
	.scaling-text { font-size:35%; }
}

@media(max-width:375px) {
	.scaling-text { font-size:32%; }
}