/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

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

@media only screen and (min-width: 1069px) {
	.modal-success-story .modal-content .modal-hero.dance .modal-hero-copy .modal-headline {
		font-size: 52px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.modal-success-story .modal-content .modal-hero.dance .modal-hero-copy .modal-headline {
		font-size: 39px;
	}
}

.modal-success-story .modal-content .modal-quote-container blockquote p:not(:last-child)::after {
	content: "“";
}

.modal-success-story .modal-content .modal-quote-container blockquote p:not(:last-child):before {
	content: "„";
}

@media only screen and (max-width: 360px) {
	.typography-headline-super {
		font-size: 40px;
	}
}

@media only screen and (max-width: 734px) {
	.typography-headline-elevated {
		font-size: 35px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
	.typography-headline-elevated {
		font-size: 27px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
	.modal-success-story .modal-content .modal-quote-container blockquote p:not(:last-child) {
		font-size: 25px;
	}
}

@media only screen and (max-width: 734px) {
	.modal-success-story .modal-content .modal-quote-container blockquote p:not(:last-child) {
		font-size: 23px;
	}
	.modal-success-story .modal-content .modal-quote-container blockquote p {
		font-size: 18px;
	}
}

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