:root {
 --fs--1: 14px; /* Button */
 --fs-0: 16px; /* Body, References h3 */
 --fs-1: 20px; /* Profile p, Teaser p, Links (Footer), Head p */
 --fs-2: 25px; /* Card figcaption */
 --fs-3: 28px; /* Article em, Card h3, References ul, Navigation Mobile */
 --fs-4: 29px; /* Teaser h3 */
 --fs-5: 35px; /* Profile h3, Head h1 */
 --fs-6: 58px; /* Splash p */
}
@media screen and (min-width: 60em) {
	:root {
		 --fs--4: 14px; /* Button (Header) */
		 --fs--3: 14px; /* Button (Footer), Links (Footer) */
		 --fs--2: 16px; /* Navigation, Teaser p, Card figcaption, References h3 */
		 --fs--1: 19px; /* Teaser Button */
 		 --fs-0: 20px; /* Body, Article em, Feature p, Card */
 		 --fs-1: 24px; /* Card h3 */
 		 --fs-2: 25px; /* Button (Profile) */
 		 --fs-3: 28px; /* Profile p */
 		 --fs-4: 38px; /* Teaser h3 */
 		 --fs-5: 44px; /* Profile h3, References ul */
 		 --fs-6: 62px; /* Feature h1, Card h1 */
 		 --fs-7: 68px; /* Splash p */
	}
}
@media screen and (min-width: 1600em) {
	:root {
		 --fs--4: 14px; /* Button (Header) */
		 --fs--3: 20px; /* Button (Footer), Links (Footer) */
		 --fs--2: 24px; /* Navigation, Teaser p, Card figcaption, References h3 */
		 --fs--1: 28px; /* Teaser Button */
 		 --fs-0: 30px; /* Body, Article em, Feature p, Card */
 		 --fs-1: 35px; /* Card h3 */
 		 --fs-2: 37px; /* Button (Profile) */
 		 --fs-3: 41px; /* Profile p */
 		 --fs-4: 57px; /* Teaser h3 */
 		 --fs-5: 66px; /* Profile h3, References ul */
 		 --fs-6: 95px; /* Feature h1, Card h1 */
 		 --fs-7: 103px; /* Splash p */
	}
}