/* Local Overrides */

/* On The Go */
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-on-the-go .copy-container {
		margin-top: -30px;
		margin-left: 20px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-scenario .main-tile .hey-siri {
		margin-left: 20px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-on-the-go .grid-main .copy-container,
	.section-on-the-go .grid-main .hey-siri {
		padding-left: 30px;
	}
}

@media only screen and (max-width: 328px) {
	.section-on-the-go .section-content .grid-tiles .overview-go-tile-1 {
		padding-bottom: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-kitchen
		.section-content
		.grid-tiles
		.in-the-kitchen-tile
		.tile-content {
		padding-bottom: 0px;
	}
}

/* In The Car */
/* .section-in-the-car > div > div.grid.grid-main.align-hw-left > div.copy-container > p {
	max-width: 400px;
} */

@media only screen and (min-width: 1200px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 110px;
		min-width: 400px;
		position: relative;
		bottom: 60px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-in-the-car .grid .copy-container .copy {
		min-width: 400px;
		padding-left: 98px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container .copy {
		position: relative;
		bottom: 40px;
		padding-left: 91px;
	}
}

.section-in-the-car .grid .copy-container {
	margin-top: -130px;
}

@media only screen and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container {
		margin-top: -132px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-car .grid .copy-container {
		margin-top: 30px;
	}
}

/* In The Kitchen */
.section-in-the-kitchen .headline {
	line-height: 0.8em;
}
@media only screen and (min-width: 1200px) {
	.section-in-the-kitchen .main-tile .hey-siri .typography-headline-elevated {
		width: 400px;
	}
}

/* In The Kitchen Alt */
@media only screen and (max-width: 734px) {
	.section-in-the-kitchen.section-scenario .scenario-tile .tile-image {
		padding-right: 0;
		padding-top: 0;
		justify-self: center;
	}
	.section-in-the-kitchen.section-scenario .scenario-tile {
		display: grid;
		min-height: 420px;
		align-items: unset;
		justify-content: unset;
	}
}

/* Winding Down */
.section-winding-down .headline {
	line-height: 0.8em;
}

@media only screen and (min-width: 1069px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 598px;
		--p-height: 1104px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 388px;
		--p-height: 734px;
	}
}

@media only screen and (max-width: 734px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 236px;
		--p-height: 256px;
	}
}

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

/* Winding Down Hardware */
@media only screen and (min-width: 1069px) {
	.section-winding-down .section-content .grid .image-wrapper-sticky {
		padding-top: 42px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-winding-down .section-content .grid .image-wrapper-sticky {
		padding-top: 14px;
	}
}

/* Headlines */
@media only screen and (min-width: 1201px) {
	.typography-section-headline {
		font-size: 240px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.typography-section-headline {
		font-size: 216px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.typography-section-headline {
		font-size: 157px;
		line-height: 0.8em;
	}
}
@media only screen and (max-width: 734px) {
	.typography-section-headline {
		font-size: 68px;
		line-height: 0.8em;
	}
}

/* Siri Does This */
@media only screen and (min-width: 1200px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 195px;
		padding-right: 195px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 147px;
		padding-right: 147px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 75px;
		padding-right: 75px;
	}
}

/* Routers */
@media only screen and (min-width: 1200px) {
	.section.section-routers .router-container .router .headline {
		font-size: 41px;
		max-width: 320px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section.section-routers .router-container .router .headline {
		font-size: 38px;
	}
}
@media only screen and (min-width: 910px) and (max-width: 1068px) {
	.section.section-routers .router-container .router .headline {
		font-size: 30px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 909px) {
	.section.section-routers .router-container .router .headline {
		font-size: 23px;
	}
}

/* Secrtion Hero */

.section-hero-images .column {
	justify-content: flex-end;
}

.section-hero-images .column .siri {
	margin-bottom: 34.5px;
}

@media only screen and (max-width: 734px) {
	.section-hero-images .column .siri {
		margin-bottom: 90px;
	}
}