/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.show-for-xs {
	display: none;
}
.show-for-small {
	display: none;
}
.show-for-medium {
	display: none;
}
.show-for-large {
	display: block;
}

@media only screen and (max-width: 1068px) {
	.show-for-xs {
		display: none;
	}
	.show-for-small {
		display: none;
	}
	.show-for-medium {
		display: block;
	}
	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.show-for-xs {
		display: none;
	}
	.show-for-small {
		display: block;
	}
	.show-for-medium {
		display: none;
	}
	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.show-for-large {
		display: none;
	}
	.show-for-medium {
		display: none;
	}
	.show-for-small {
		display: block;
	}
	.show-for-xs {
		display: block;
	}
}

@media only screen and (min-width: 1068px) {
	.section-welcome .typography-headline {
		font-size: 44px;
	}
}

@media only screen and (min-width: 1068px) {
	.section-business .headline {
		max-width: 15ch;
	}
}

@media only screen and (min-width: 1068px) {
	.section-get-in-touch .copy {
		max-width: 16em;
	}
}

.disclaimer {
	color: #6e6e73;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 0.009em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

#hero-security .hero-card-front {
	padding-right: 44px;
}

@media only screen and (max-width: 1068px) {
	#hero-security .hero-card-front {
		padding-right: 36px;
	}
}

@media only screen and (max-width: 735px) {
	#hero-security .hero-card-front {
		padding-right: 20px;
	}
}

@media only screen and (min-width: 1068px) {
	.card-big-performance .card-big-headline {
		right: 43px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.card-big-performance .card-big-headline {
		right: 8px;
	}
}

@media only screen and (min-width: 1068px) {
	.card-big-ai .typography-card-big-headline {
		padding-right: 10px;
		font-size: 51px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.card-big-ai .typography-card-big-headline {
		font-size: 46px;
	}
}

@media only screen and (max-width: 1068px) {
	.card-big-ai {
		gap: 40px;
	}
}

@media only screen and (max-width: 735px) {
	.card-big-ai {
		gap: 25px;
	}
}

.card-big-mac-and-iphone .highlight-green {
	padding-right: 5px;
}

@media only screen and (min-width: 1069px) {
	.visible-for-large {
		visibility: visible;
	}
	.visible-for-medium {
		display: none;
	}
	.visible-for-small {
		display: none;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.visible-for-large {
		display: none;
	}
	.visible-for-medium {
		visibility: visible;
	}
	.visible-for-small {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.visible-for-large {
		display: none;
	}
	.visible-for-medium {
		display: none;
	}
	.visible-for-small {
		visibility: visible;
	}
}

@media only screen and (min-width: 1068px) {
	.section-welcome .hero-card .icon-apps {
		top: 4px;
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/
