section.header {
	overflow: visible;
	margin-bottom: 0;
}

	section.header .bg figure {
		width: auto;
		padding-bottom: 56.4%;
		background: transparent;
	}

	section.header .bg img {
		width: 100%;
		height: 100%;
		margin-top: -10%;
	}

	section.header h1 strong {
		line-height: inherit;
	}

section.description {
	background: #eeeeee;
}

	section.description .wrap {
		padding: 20px 0;
	}

	section.description p.big {
		border: 1px solid #49c399;
		border-width: 0 0 1px 0;
		padding: 0 10px 20px 10px;
	}

	section.description p {
		padding: 20px 10px 0 10px;
		max-width: 800px;
		margin: 0 auto;
	}

section.listen .bg img {
	margin-top: -35%;
}

section.offer {
	overflow: visible;
}

	section.offer:before {
		content: "";
		display: block;
		background: url('../images/headphones.jpg') 100% 0 no-repeat transparent;
		width: 400px;
		height: 340px;
		position: absolute;
		right: -11px;
	}

	section.offer .wrap {
		padding: 60px 0 30px 0;
	}

	section.offer .wrap h2 {
		max-width: 700px;
		margin: 0 auto 20px auto;
	}

	section.offer .wrap p {
		max-width: 700px;
		margin: 0 auto;
	}

	section.offer .wrap p.small {
		text-align: left;
		max-width: 600px;
		margin: 20px auto;
		font-size: 12px;
		color: #777777;
	}

	section.offer ul.bullets {
		margin-bottom: 0;
	}

section.share {}

	section.share .wrap {
		padding: 50px 0 30px 0;
	}

	section.share p {
		max-width: 600px;
		margin: 0 auto;
	}

section.footer {
	background: #EEEEEE;
}

	section.footer .wrap {
		padding: 10px 0;
	}

	section.footer p {
		color: #777777;
		max-width: 1200px;
		padding: 0 10px;
		font-size: 12px;
		margin: 0 auto;
	}

	section.footer p a, section.footer p a:hover, section.footer p a:visited {
		color: #333333;
		text-decoration: none;
	}

	section.footer p a:hover {
		text-decoration: underline;
	}

@media screen and (max-width: 1365px) {

	section.listen .bg img {
		margin-top: -25%;
	}

}

@media screen and (max-width: 1220px) {

	section.offer:before {
		opacity: 0.4;
	}

}

@media screen and (max-width: 1136px) {

	section.header .bg {
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}

		section.header .bg figure {
			padding-bottom: 0;
			height: 100%;
			width: auto;
			background: url("../images/au_lp_onboarding_bg_1.jpg") 50% 0 no-repeat transparent;
		}

		section.header .bg figure.bg_2 { background-image: url("../images/au_lp_onboarding_bg_2.jpg"); }
		section.header .bg figure.bg_3 { background-image: url("../images/au_lp_onboarding_bg_3.jpg"); }
		section.header .bg figure.bg_4 { background-image: url("../images/au_lp_onboarding_bg_4.jpg"); }
		section.header .bg figure.bg_5 { background-image: url("../images/au_lp_onboarding_bg_5.jpg"); }
		section.header .bg figure.bg_6 { background-image: url("../images/au_lp_onboarding_bg_6.jpg"); }
		section.header .bg figure.bg_7 { background-image: url("../images/au_lp_onboarding_bg_7.jpg"); }

		section.header .bg img {
			display: none;
		}

}

@media screen and (max-width: 1023px) {

	section.listen .bg img {
		margin-top: -15%;
	}

}

@media screen and (max-width: 639px) {

	section.listen .bg img {
		margin-top: 0;
	}

	section.offer .wrap {
		padding: 30px 0 10px 0;
	}

	section.share {
		padding: 0 10px 60px 10px;
	}

}

@media screen and (max-width: 479px) {

	section.header h1 {
		margin: 35% auto 25% auto;
	}

	section.share .cta {
		width: auto;
	}

}
