/* Local Overrides */

/* 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;
	}
}

/* Hero HL */
@media only screen and (max-width: 376px) {
	.section-hero.appear .hero-headline-line-1 {
		margin-left: 26px;
		margin-right: 26px;
	}
}

@media only screen and (max-width: 345px) {
	.section-hero.appear .hero-headline-line-1 {
		margin-left: 11px;
		margin-right: 11px;
	}
}

/* Buttons */

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

/* buttons in atv+ offer */

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

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

/* 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;
	}
}
