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

.section-logo-group .logos {
	text-align: center;
}

.section-logo-group .typography-family-violator {
	font-size: 12px;
	line-height: 2.08337;
	font-weight: 400;
	letter-spacing: -0.011em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

/* coming soon violator */
.section-logo-group .violator-frameless {
	box-sizing: border-box;
	white-space: nowrap;
	display: block;
	color: #bf4800;
	margin-top: -22px;
	font-size: 14px;
}

/* 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: 134px;
		height: 77px;
		background-size: 134px 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;
}

/* Start of Section easy does it */
.section-easy-does-it .row .column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-easy-does-it .container-hardware {
	height: auto;
}
.section-easy-does-it .container-text {
	padding-left: 4.2%;
}

@media only screen and (min-width: 735px) {
	.section-easy-does-it .row .column {
		flex-direction: row;
		align-items: center;
	}
	.section-easy-does-it .container-hardware.macbook {
		width: 52%;
		margin-bottom: 0;
	}
	.section-easy-does-it .container-text {
		width: 48%;
	}
}

@media only screen and (max-width: 734px) {
	.section-easy-does-it .typography-body-copy-emoji {
		padding-right: 10px;
	}
}

/* End of Section easy does it */

/* Hero footnote * color */

.section-routers .router {
	width: 70%;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router {
		width: 80%;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router {
		width: 100%;
	}
}

.section-routers .wallet .overview-routers-wallet {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 293px;
	--p-height: 180px;
	position: absolute;
	left: 50%;
	margin-left: -146.5px;
	bottom: 6px;
}

@media only screen and (min-width: 735px) {
	.section-routers .section-content .router.wallet {
		margin: 0 auto;
	}

	.section-routers .section-content .front-face {
		display: flex;
		align-items: center;
		padding-bottom: 0;
		padding-top: 20px;
	}

	.section-routers .section-content .front-face .left {
		height: 100%;
		width: 60%;
		margin: 0 auto;
		padding-top: 80px;
	}

	.section-routers .section-content .front-face .right {
		height: 100%;
		width: 40%;
		padding-top: 100px;
		position: relative;
	}

	.section-routers .wallet .overview-routers-wallet {
		position: absolute;
		top: 50%;
		transform: translateY(-15%) translateX(-55%);
		left: 29%;
	}
}

@media only screen and (min-width: 735px) {
	.section-routers .wallet .overview-routers-wallet {
		position: absolute;
		top: 50%;
		transform: translateY(-15%) translateX(-15%);
		left: 50%;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router {
		max-width: 328px;
		margin: 0 auto;
		margin-right: auto !important;
	}
}