/* Local Fixes */

#ac-localnav {
	display: none;
}
html.wallet-supported #ac-localnav {
	display: block;
}

@media only screen and (max-width: 734px) {
	.typography-section-heading {
		font-size: 41px;
	}
}
/* Fix image hero X-large and large */
@media only screen and (max-height: 1110px) and (min-height: 900px) and (min-width: 1800px) {
	.section-hero .container-hardware {
		height: 510px;
	}
}
@media only screen and (max-height: 870px) and (min-height: 500px) and (min-width: 1069px) and (max-width: 1799px) {
	.section-hero .container-hardware {
		height: 420px;
	}
}

/*apple pay later*/
.overview-apple-pay-setup {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 386px;
	--p-height: 793px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-apple-pay-setup {
		--p-width: 274px;
		--p-height: 559px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-apple-pay-setup {
		--p-width: 250px;
		--p-height: 511px;
	}
}

.overview-apple-pay-wallet {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 386px;
	--p-height: 793px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-apple-pay-wallet {
		--p-width: 274px;
		--p-height: 559px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-apple-pay-wallet {
		--p-width: 250px;
		--p-height: 511px;
	}
}

/*Section easy-does-it*/

@media only screen and (min-width: 1069px) {
	.section-easy-does-it .container-hardware {
		height: 645px;
	}
	.section-easy-does-it .container-text.online-apps {
		padding-top: 155px;
	}
	.section-easy-does-it .typography-body-copy-emoji {
		margin-bottom: 119px;
	}
	.section-easy-does-it .container-hardware.macbook {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-easy-does-it .container-hardware {
		height: 458px;
	}
	.section-easy-does-it .container-text.online-apps {
		padding-top: 100px;
	}
	.section-easy-does-it .typography-body-copy-emoji {
		margin-bottom: 101px;
	}
	.section-easy-does-it .container-hardware.macbook {
		margin-bottom: 44px;
	}
}

@media only screen and (max-width: 734px) {
	.section-easy-does-it .container-hardware {
		margin-bottom: 22px;
	}
	.section-easy-does-it .container-hardware.macbook {
		margin-bottom: 22px;
	}
	.section-easy-does-it .container-text {
		margin-bottom: 95px;
	}
}

/* section easy does it - longer copy */

@media only screen and (min-width: 1069px) {
	body.custom-campaign .section-easy-does-it .container-text.online-apps {
		padding-top: 97px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	body.custom-campaign .section-easy-does-it .container-text.online-apps {
		padding-top: 34px;
	}
}

/* section-logo-group  */
.section-logo-group .typography-section-heading {
	margin-top: 21px;
	margin-bottom: 68px;
}

/* Routers  */
.section-routers .router {
	width: 100%;
}
@media only screen and (max-width: 1068px) {
	.section-routers .router {
		max-width: 100%;
	}
}
@media only screen and (max-width: 735px) {
	.section-routers .router {
		width: 100%;
	}
}

/* section-easy-does-it */

.section-easy-does-it .container-hardware.macbook .overview-online-apps {
	left: 40px;
}
@media only screen and (max-width: 1068px) {
	.section-easy-does-it .container-hardware.macbook .overview-online-apps {
		left: 20px;
	}
}
@media only screen and (max-width: 734px) {
	.section-easy-does-it .container-hardware.macbook .overview-online-apps {
		left: 60px;
	}
}

/* Section Just-go*/

@media only screen and (max-width: 734px) {
	.section-just-go .sticky-hardware-container .hardware-copy-container {
		padding-left: 7px;
		width: auto;
	}
}

/* Banks and cards */

.typography-headline-reduced {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: 0em;
	font-family:
		"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}
.page-overview .logos {
	margin-top: 25px;
	margin-bottom: -70px;
}
@media only screen and (max-width: 1068px) {
	.typography-headline-reduced {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: 0.004em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}
@media only screen and (max-width: 735px) {
	.typography-headline-reduced {
		font-size: 27px;
		line-height: 1.14815;
		font-weight: 600;
		letter-spacing: 0.008em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

.typography-headline-elevated {
	font-size: 68px;
	line-height: 1.0593;
	font-weight: 600;
	letter-spacing: -0.01em;
	font-family:
		"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}
@media only screen and (max-width: 1068px) {
	.typography-headline-elevated {
		font-size: 56px;
		line-height: 1.07143;
		font-weight: 600;
		letter-spacing: -0.005em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}
@media only screen and (max-width: 735px) {
	.typography-headline-elevated {
		font-size: 40px;
		line-height: 1.1;
		font-weight: 600;
		letter-spacing: 0em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

.page-overview .section-logo-group .section-content.banks {
	padding-top: 150px;
	padding-bottom: 40px;
}
@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .section-content.banks {
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 734px) {
	.page-overview .section-logo-group .section-content.banks {
		padding-top: 102px;
	}
}

.page-overview .section-logo-group .section-content {
	padding-bottom: 70px;
}
@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .section-content {
		padding-bottom: 30px;
	}
}
@media only screen and (max-width: 734px) {
	.page-overview .section-logo-group .section-content {
		padding-bottom: 20px;
	}
}

.section-block:last-child,
.section-block.section-block--last {
	padding-bottom: 125px;
}
@media only screen and (min-width: 1442px) {
	.section-block:last-child,
	.section-block.section-block--last {
		padding-bottom: 125px;
	}
}

.page-overview .section-logo-group .logo-image {
	width: 165px;
	height: 95px;
	background-size: 165px 95px;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .logo-image {
		width: 135px;
		height: 77px;
		background-size: 135px 77px;
		background-repeat: no-repeat;
	}
}

.page-overview .logo-image {
	margin: 22px auto;
	text-indent: -9999px;
}

.gray-background {
	background-color: #fafafa;
}
.page-overview .divider-top {
	border-top: 1px solid #d6d6d6;
}