/* Type */
.main {
	overflow: visible;
}

.section-how,
.section-budget,
.section-beta,
.header {
	overflow: hidden;
	width: 100%;
}

h1 {
	margin-top:24px;
	font-size: 64px;
	font-weight: 300;
}

h2 {
	font-size: 42px;
	line-height: 1.1;
}

.eyebrow {
	font-size: 24px;
	line-height: 24px;
	color:#888;
	display:block;
	margin-bottom: 18px;
}

h3 {
	font-size: 30px;
	line-height: 1.2;
	font-size: 300;
}

h4 {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 400;
}

.inline-headline {
	font-size: 18px;
	line-height: 1.45em;
	font-weight: 700;
	display: inline;
	color: black;
}

.inline-headline + p {
	display: inline;
}

.inline-headline + p:after {
	content: '';
	display:block;
	margin-bottom: 1.5em;
}

.sidebar-headline {
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.45;
	font-weight: 600;
}

.sidebar-copy {
	font-size: 14px;
	line-height: 1.45;
}

.anchor-button {
	display: inline-block;
	padding: 0 42px 0 24px;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.7;
	background: white;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin-right: 24px;
	margin-bottom: 24px;
	position: relative;
}

.anchor-button:last-of-type {
	margin-right: 0;
}

.anchor-button:after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top:-8px;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background: url('/app-store/search-ads/images/anchor-link-arrow.svg');
}

.button-blue {
	margin-top:2em;
	margin-bottom:1em;
}

.beta-content-copy {
	position:relative;
	top: 230px;
}

@media all and (min-width:1024px) {
	.grid {
		padding-left: 90px;
		padding-right: 90px;
	}
}
@media all and (min-width:768px) {
	.push {
		float: right;
	}

	.pull {
		float: left;
	}


}

@media all and (min-width:768px) {
	.sidebar {
		-webkit-transform: translateY(44px);
		-moz-transform: translateY(44px);
		-o-transform: translateY(44px);
		transform: translateY(44px);
		margin-left:1em;
		margin-right:1em;
	}
}

@media all and (max-width:767px) {
	.padding-left {
		padding-left:1em !important;
	}

	.padding-right {
		padding-right:1em !important;
	}

	.beta-content-copy {
		position:relative;
		top: 0;
	}
}

.header {
	overflow: hidden;
}

.bg-alt {
	background-color: #F0F8FF;
	overflow:hidden;
}

/* Badge */

.badge {
	display: inline-block;
	position: relative;
	font-size: 20px;
	width: 6em;
	height: 8em;
	color: #333333;
	vertical-align: middle;
	width: 38%;
	margin-right: 11%;
	margin-top:24px;
	margin-bottom:48px;
}

.badge-content {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 2.75em;
}

.badge-small {
	display: block;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 400;
	letter-spacing: 0em;
	margin-top: 0.0625em;
	margin-bottom: 0.375em;
	color: #666666;
}

.badge-large {
	display: block;
	position: relative;
	left: -2px;
	margin-left: auto;
	margin-right: auto;
	font-size: 80px;
	line-height: 0.9;
	font-weight: 100;
	letter-spacing: -0.025em;
	font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 100;
	white-space: nowrap;
}

.badge-small {
	display: block;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 400;
	letter-spacing: 0em;
	margin-top: 0.0625em;
	margin-bottom: 0.375em;
	color: #666666;
}

.badge-large + .badge-small {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
}

.badge-half {
	font-size: 38px;
	line-height: 0.81579;
	font-weight: 300;
	letter-spacing: -0.025em;
	font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	text-transform: none;
}

.badge-half-top {
	position: relative;
	top: -0.725em;
}

.budget-list li,
.privacy-list li {
	padding-bottom: 0.5em;
}

/* Heroes */

.hero-search-ads {
	display: block;
	position:relative;
	width:396px;
	height: 653px;
	background-size: 396px 653px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-search-ads-large.png');
	top: -20px;
	margin: 0 auto;
}

@media all and (max-width:767px) {
	.hero-search-ads {
		width:283px;
		height: 467px;
		background-size: 283px 467px;
		background-image: url('/app-store/search-ads/images/hero-search-ads-small.png');
		top: 0px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-search-ads {
		background-image: url('/app-store/search-ads/images/hero-search-ads-large_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-search-ads {
		background-image: url('/app-store/search-ads/images/hero-search-ads-small_2x.png');
	}
}

.section-discoverability .col-50 {
	padding-bottom:49px;
}

.hero-discoverability {
	display: block;
	position:relative;
	width:360px;
	height: 736px;
	background-size: 360px 736px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-discoverability-large.png');
	margin-left: -180px;
	position: absolute;
	top: 40px;
	left: 50%;
}

@media all and (max-width:1023px) {
	.hero-discoverability {
		width:334px;
		height: 683px;
		background-size: 334px 683px;
		background-image: url('/app-store/search-ads/images/hero-discoverability-medium.png');
		margin-left:-212px;
		top: 40px;
	}

	.badge {
		margin-bottom:70px;
	}
}

@media all and (max-width:767px) {
	.hero-discoverability {
		width:283px;
		height: 579px;
		background-size: 283px 579px;
		background-image: url('/app-store/search-ads/images/hero-discoverability-small.png');
		top: -506px;
		margin-left:-141px;
	}

	.section-discoverability .col-50 {
		padding-bottom:520px;
	}

	.badge {
		width: 100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.right,
	.left {
		float: none;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-discoverability {
		background-image: url('/app-store/search-ads/images/hero-discoverability-large_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , only screen and (min-resolution: 1.5dppx) and (max-width: 1023px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-discoverability {
		background-image: url('/app-store/search-ads/images/hero-discoverability-medium_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-discoverability {
		background-image: url('/app-store/search-ads/images/hero-discoverability-small_2x.png');
	}
}


.hero-create-ad {
	display: block;
	position:relative;
	width:995px;
	height: 547px;
	background-size: 995px 547px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-create-ad-large.png');
	margin-left: -497px;
	left: 50%;
}

@media all and (max-width:1023px) {
	.hero-create-ad {
		width: 779px;
		height: 447px;
		background-size: 779px 447px;
		background-image: url('/app-store/search-ads/images/hero-create-ad-medium.png');
		margin-left:-389px;
	}
}

@media all and (max-width:767px) {
	.hero-create-ad {
		width: 315;
		height: 181px;
		background-size: 315px 181px;
		background-image: url('/app-store/search-ads/images/hero-create-ad-small.png');
		margin-left:-157px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-create-ad {
		background-image: url('/app-store/search-ads/images/hero-create-ad-large_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , only screen and (min-resolution: 1.5dppx) and (max-width: 1023px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-create-ad {
		background-image: url('/app-store/search-ads/images/hero-create-ad-medium_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-create-ad {
		background-image: url('/app-store/search-ads/images/hero-create-ad-small_2x.png');
	}
}

.hero-analytics {
	display: block;
	position:relative;
	width:995px;
	height: 569px;
	background-size: 995px 569px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-analytics-large.png');
	margin-left: -497px;
	left: 50%;
}

@media all and (max-width:1023px) {
	.hero-analytics {
		width: 779px;
		height: 446px;
		background-size: 779px 446px;
		background-image: url('/app-store/search-ads/images/hero-analytics-medium.png');
		margin-left:-389px;
	}
}

@media all and (max-width:767px) {
	.hero-analytics {
		width: 315;
		height: 181px;
		background-size: 315px 181px;
		background-image: url('/app-store/search-ads/images/hero-analytics-small.png');
		margin-left:-157px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-analytics {
		background-image: url('/app-store/search-ads/images/hero-analytics-large_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , only screen and (min-resolution: 1.5dppx) and (max-width: 1023px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-analytics {
		background-image: url('/app-store/search-ads/images/hero-analytics-medium_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-analytics {
		background-image: url('/app-store/search-ads/images/hero-analytics-small_2x.png');
	}
}


.hero-promote {
	display: block;
	position:relative;
	width:779px;
	height: 452px;
	background-size: 779px 452px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-promote-large.png');
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
}


@media all and (max-width:767px) {
	.hero-promote {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-promote {
		background-image: url('/app-store/search-ads/images/hero-promote-large_2x.png');
	}
}
.hero-beta {
	display: block;
	position:relative;
	width:502px;
	height: 643px;
	background-size: 502px 643px;
	background-repeat: no-repeat;
	background-image: url('/app-store/search-ads/images/hero-beta-large.png');
	margin: 0 auto;
	/*-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);*/
}



@media all and (max-width:767px) {
	.hero-beta {
		width:283px;
		height: 363px;
		background-size: 283px 363px;
		background-image: url('/app-store/search-ads/images/hero-beta-small.png');
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-beta {
		background-image: url('/app-store/search-ads/images/hero-beta-large_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-beta {
		background-image: url('/app-store/search-ads/images/hero-beta-small_2x.png');
	}
}
