/* Local Overrides */

/* Apple Intelligence */

/* Custom <p> tag for extra copy in headline*/
.custom_p {
	margin-top: 0px;
}

@media only screen and (max-width: 1068px) {
	.custom_p {
		margin-top: 1px;
	}
}

@media only screen and (max-width: 734px) {
	.custom_p {
		margin-top: 14px;
	}
}

@media only screen and (max-width: 320px) {
	.custom_p {
		margin-top: 10px;
	}
}

.section-apple-intelligence .typography-section-headline {
	font-size: 200px;
	line-height: 0.7911;
}

.section-apple-intelligence .typography-section-headline br {
	display: block;
	content: " ";
	margin: 48px 0;
}

@media only screen and (max-width: 1200px) {
	.section-apple-intelligence .typography-section-headline {
		line-height: 0.7892304348;
	}
	.section-apple-intelligence .typography-section-headline br {
		margin: 48px 0;
	}
}

@media only screen and (max-width: 1068px) {
	.section-apple-intelligence .typography-section-headline {
		font-size: 110px;
		line-height: 0.7984344186;
	}
	.section-apple-intelligence .typography-section-headline br {
		margin: 34px 0;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-intelligence .typography-section-headline {
		font-size: 79px;
		line-height: 0.8048780488;
	}
	.section-apple-intelligence .typography-section-headline br {
		margin: 14px 0;
	}
}

@media only screen and (max-width: 341px) {
	.section-apple-intelligence .typography-section-headline {
		font-size: 74px;
		line-height: 0.8;
	}
	.section-apple-intelligence .typography-section-headline br {
		margin: 10px 0;
	}
}

/* Apple Intelligence badge */
@media only screen and (max-width: 734px) {
	.section-apple-intelligence .intro-copy {
		padding-right: 25px;
	}
}

/* in the car */
@media only screen and (min-width: 1069px) {
	.section-in-the-car .section-content .grid .copy-container .copy {
		min-width: 420px;
		position: relative;
		bottom: 20px;
		margin-top: -32px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-car .section-content .grid .copy-container .copy {
		position: relative;
		bottom: 40px;
		margin-top: -52px;
	}
}

@media only screen and (min-width: 1200px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 100px;
	}
	.section-in-the-car .grid .copy-container {
		padding-right: 0px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 80px;
	}
	.section-in-the-car .grid .copy-container {
		padding-right: 10px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 110px;
	}
	.section-in-the-car .grid .copy-container {
		padding-right: 10px;
	}
}

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

@media only screen and (max-width: 734px) {
	.medium-only {
		display: none;
	}
}

/* in the kitchen */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-kitchen .main-tile .hey-siri .typography-headline-elevated {
		width: 360px;
		padding-bottom: 15px;
	}
}

/* winding down */
@media only screen and (max-width: 734px) {
	.section-winding-down .scenario-tile.tile-1 .tile-content-headline {
		max-width: 220px;
	}
}

@media only screen and (min-width: 1200px) {
	.section-winding-down .main-tile .hey-siri .typography-headline-elevated {
		width: 340px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-winding-down .main-tile .hey-siri .typography-headline-elevated {
		width: 340px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-winding-down .main-tile .hey-siri .typography-headline-elevated {
		width: 257px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-winding-down .copy-container .copy {
		max-width: 360px;
	}
}

.section-winding-down .scenario-tile.tile-1 .tile-image {
	padding: 0;
}

/* Routers */
@media only screen and (min-width: 1069px) {
	.section.section-routers .router-container .router .headline {
		font-size: 41px;
	}
}

@media only screen and (max-width: 900px) {
	.section.section-routers .router-container .router .headline {
		font-size: 24px;
	}
}

/* on the go */

@media only screen and (min-width: 1200px) {
	.section-on-the-go .main-tile .hey-siri .typography-headline-elevated {
		padding-right: 20px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-on-the-go .main-tile .hey-siri .typography-headline-elevated {
		padding-right: 28px;
	}
}

@media only screen and (max-width: 734px) {
	.section-on-the-go .main-tile .hey-siri .typography-headline-elevated {
		padding-right: 10px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-on-the-go .secondary-image {
		right: 19%;
	}
}
@media only screen and (max-width: 1068px) {
	.section-on-the-go .secondary-image {
		right: 17%;
	}
}
@media only screen and (max-width: 734px) {
	.section-on-the-go .secondary-image {
		right: 10%;
	}
}

@media only screen and (min-width: 1069px) {
	.section-on-the-go .headline {
		line-height: 220px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-on-the-go .headline {
		line-height: 145px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-on-the-go .grid .copy-container {
		padding-right: 20px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-on-the-go .grid .copy-container {
		padding-right: 83px;
	}
}

/* workout */

@media only screen and (min-width: 1200px) {
	.section-working-out .typography-section-headline {
		height: 475px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-working-out .typography-section-headline {
		height: 455px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-working-out .typography-section-headline {
		height: 290px;
	}
}
@media only screen and (max-width: 734px) {
	.section-working-out .typography-section-headline {
		height: 155px;
	}
}
@media only screen and (min-width: 1069px) {
	.section-working-out .section-content .grid .image-wrapper-sticky {
		margin-top: 120px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-working-out .section-content .grid .image-wrapper-sticky {
		margin-top: 55px;
	}
}