.typography-headline-elevated {
	font-size: 58px;
	line-height: 1.0625;
	font-weight: 600;
	letter-spacing: -0.009em;
	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: 40px;
		line-height: 1.08349;
		font-weight: 600;
		letter-spacing: -0.003em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-headline-elevated {
		font-size: 33px;
		line-height: 1.1;
		font-weight: 600;
		letter-spacing: 0em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}
.typography-headline {
	font-size: 40px;
	line-height: 1.08349;
	font-weight: 600;
	letter-spacing: -0.003em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

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

@media only screen and (max-width: 734px) {
	.typography-headline {
		font-size: 27px;
		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: 400px) {
	.typography-headline {
		font-size: 25px;
		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;
	}
}

.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;
}

@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: 734px) {
	.typography-headline-reduced {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 600;
		letter-spacing: 0.007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 400px) {
	.typography-headline-super {
		font-size: 42px;
		line-height: 1.08349;
		font-weight: 600;
		letter-spacing: -0.003em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 400px) {
	.typography-callout {
		font-size: 22px;
		line-height: 1.16667;
		font-weight: 600;
		letter-spacing: 0.009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 400px) {
	.typography-tiles-headline {
		font-size: 31px;
		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;
	}
}

.grid-modal .modal-content .grid-item-copy {
	width: calc(69% - 1em);
}

@media only screen and (max-width: 1068px) {
	.grid-modal .modal-content .grid-item-copy {
		width: calc(80% - 1em);
	}
}

@media only screen and (max-width: 734px) {
	.grid-modal .modal-content .grid-item-copy {
		width: calc(100% - 1em);
	}
}

.grid-item-accessibility.full h3 {
	max-width: 450px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-accessibility.full h3 {
		max-width: 300px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-accessibility.full h3 {
		max-width: 280px;
	}
}

.grid-item-model.full h3 {
	max-width: 400px;
}

.grid-item-verify-payment.full h3 {
	max-width: 410px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-verify-payment.full h3 {
		max-width: 280px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-global.full .headline-content, .grid-item-global.full .picture-container {
		width: 100%;
	}
}

.grid-item-marketing.full h3 {
	max-width: 298px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-marketing.full h3 {
		max-width: 231px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-marketing.full h3 {
		max-width: initial;
	}
}

.grid-item-global.full h3 {
	max-width: 370px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-global.full h3 {
		max-width: 220px;
		word-break: normal;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-global.full h3 {
		max-width: 280px;
	}
}

.section-hero .hero .developers-hero {
	padding-top: 78px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-ar {
		padding-right: 20px !important;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-tools {
		padding-right: 20px !important;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-members .typography-headline {
		margin-right: -20px;
	}
}

.grid-item.fact.grid-item-billings {
	justify-content: center;
}

.grid-item.full.grid-item-billings .flex-content {
	display: block;
	height: auto;
}

.theme-dark .grid-item.full.grid-item-billings .footnote a:hover {
	color: #ffffff;
}

/* 
.grid-item-review h3 {
	max-width: 415px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-review h3 {
		max-width:246px
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-review h3 {
		max-width:280px
	}
}

.section-privacy .section-headline {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

@media only screen and (max-width: 1068px) {
	.section-privacy .section-headline {
		width: 550px;
	}
}

@media only screen and (max-width: 734px) {
	.section-privacy .section-headline {
		width: 353px;
	}
}
@media only screen and (max-width: 400px) {
	.section-privacy .section-headline {
		width: initial;
	}
}



.section-hardware .section-headline {
	width: 750px;
}

@media only screen and (max-width: 1068px) {
	.section-hardware .section-headline {
		width: 550px;
	}
	.section-hardware .typography-headline {
	max-width: 260px;
	}
}
@media only screen and (max-width: 734px) {
	.section-hardware .section-headline {
		width:initial
	}
		.section-hardware .typography-headline {
	max-width: 240px;
	}
}
}

.grid-item-refund h3 {
	max-width: 380px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-refund h3 {
		max-width: 290px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-refund h3 {
		max-width: 260px;
	}
}
 */