.bg-grad {
	background: linear-gradient(to bottom, #ffffff 0%, #e0e7ee 90%);
}

.bg-alt {
	background-color: #f5f5f7;
}

.button-pill {
	border-radius: 1em;
}

.tile-wrap-full {
	margin-top: 4em;
	padding: 4em;
	text-align: center;
	background-color: #fff;
	border-radius: 1em;
}

.section-hero h3 {
	margin-top: 2em;
}

.section-hero .tile-wrap-full h3 {
	margin-top: 0;
}

.device-hero {
	margin-top: 2em;
}

.icon-mac-catalyst {
	margin-bottom: 1.5em;
}

.icon-medium {
	margin: 70px auto 0;
}

.lockup-tutorials {
	margin-bottom: 2em;
	width: 653px;
	height: auto;
}

@media only screen and (max-width: 1068px) {
	.tile-wrap-full {
		padding: 4em;
	}
	.icon-medium {
		margin: 62px 0 0 -20px;
	}
	.icon-native {
		margin-top: 56px;
	}
	.lockup-tutorials {
		width: 556px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-wrap-full {
		margin-top: 2em;
		padding: 2em 1em;
	}
	.section-hero {
		text-align: center;
	}
	.section-hero h3 {
		margin-top: 0;
	}
	.device-hero {
		margin-top: 1em;
	}
	.icon-medium,
	.icon-native {
		margin: 2em auto -1em;
	}
	.lockup-tutorials {
		margin-bottom: 1em;
		width: 100%;
	}
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-resources {
	padding-bottom: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row.headline-row {
	margin-top: 4em;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section.section.section-resources {
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row.headline-row {
		margin-top: 2em;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
}