/*Local Fixes*/

/* hero */
@media only screen and (max-width: 414px) {
	.section-hero .hero-headline,
	.section-hero .hero-copy {
		max-width: 90%;
	}
}

/*Modal Buttons*/
@media only screen and (max-width: 734px) {
	button.modal-trigger {
		max-width: 240px;
	}
}

/*Productivity Section*/
.section-m1 .section-tile .tile-content .typography-tile-headline {
	width: 100%;
	max-width: 100%;
}

/* icloud */
@media only screen and (max-width: 734px) {
	.section-icloud .typography-tile-headline {
		font-size: 42px;
	}
}

/* macOS modal - spotlight + siri */
@media only screen and (max-width: 734px) {
	.typography-modal-copy-siri,
	.typography-modal-copy-spotlight-search {
		font-size: 30px;
	}
}

/*Privacy Modal*/
.copy-block-center {
	text-align: center;
}

/* privacy modal - passkeys */
@media only screen and (max-width: 734px) {
	.typography-modal-copy-passkeys {
		font-size: 38px;
	}
}

/* even more */
@media only screen and (max-width: 734px) {
	.section-more-reasons .list-items .list-item .even-more-copy {
		max-width: 77%;
	}
}

/*Compare Section*/
.typography-compare-body {
	margin-top: 10px;
}

/* section-compare mac-studio availibility */
.section-compare .mac-studio p.typography-caption.available {
	color: #86868b;
	position: absolute;
	margin-top: 5px;
	margin-left: -46px;
}
@media only screen and (max-width: 1068px) {
	.section-compare .mac-studio p.typography-caption.available {
		margin-left: -25px;
	}
}
@media only screen and (max-width: 734px) {
	.section-compare .mac-studio p.typography-caption.available {
		margin-left: -13px;
	}
}