/* LOCAL OVERRIDES */

/* buttons */

@media only screen and (max-width: 396px) {
	.with-offer-custom
		.section-apple-tv-plus
		.hero-heading-block-background
		.hero-heading-cta-container
		a.button {
		font-size: 15px;
	}
	.with-offer-custom
		.section-apple-tv-plus
		.hero-heading-cta-container
		a.button:first-of-type {
		margin-right: 5px;
	}
}

@media only screen and (max-width: 355px) {
	.with-offer-custom
		.section-apple-tv-plus
		.hero-heading-block-background
		.hero-heading-cta-container
		a.button {
		font-size: 13px;
	}
	.with-offer-custom
		.section-apple-tv-plus
		.hero-heading-cta-container
		a.button:first-of-type {
		margin-right: 5px;
	}
}

/* section music buttons */

.section-apple-music .hero-heading-cta-container a.button.button-neutral {
	margin-right: 10px;
}

/* hero */
@media only screen and (max-width: 1130px) and (min-width: 1069px) {
	.section-hero .typography-hero-headline {
		font-size: 90px;
	}
}
@media only screen and (max-width: 760px) and (min-width: 735px) {
	.section-hero .typography-hero-headline {
		font-size: 60px;
	}
}

/* Buttons */
@media only screen and (max-width: 386px) {
	.hero-heading-cta-container .button-custom {
		font-size: 16px;
	}
}
@media only screen and (max-width: 368px) {
	.hero-heading-cta-container .button-custom {
		font-size: 13px;
	}
}
@media only screen and (max-width: 386px) {
	.hero-heading-block-background .hero-heading-cta-container a.button {
		font-size: 16px;
	}
}
@media only screen and (max-width: 368px) {
	.hero-heading-block-background .hero-heading-cta-container a.button {
		font-size: 13px;
	}
}

/* some buttons stack and need to have additional margin at small sizes */
@media only screen and (max-width: 734px) {
	.fix-01 {
		margin-bottom: 13px;
	}
}

@media only screen and (max-width: 1068px) {
	.marquee-subtitle {
		white-space: inherit;
		text-overflow: inherit;
	}

	.section-apple-tv-plus .dynamic-gallery-item-container {
		height: 250px;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-tv-plus .dynamic-gallery-item-container {
		height: 195px;
	}
}

@media screen and (max-width: 438px) and (min-width: 369px) {
	.button.button-neutral.custom {
		margin-bottom: 12px;
	}
}

@media only screen and (max-width: 360px) {
	.button.button-neutral.custom {
		margin-bottom: 12px;
	}
}

/* Apple Books */

.section-apple-books {
	margin-bottom: 62px;
}

@media only screen and (max-width: 1068px) {
	.section-apple-books {
		margin-bottom: 88px;
	}
}
@media only screen and (max-width: 734px) {
	.section-apple-books {
		margin-bottom: 75px;
	}
}