@media screen and (min-width: 60em) {
	
.button {
	font-size: var(--fs--4);
}
.tools .button, .links {
	font-size: var(--fs--3);
}
/*#mainnav,*/
.card figcaption,
.references h3,
.teaser p {
	font-size: var(--fs--2);
}
.teaser .button {
	font-size: var(--fs--1);
}
/*body,*/
p,
.article em,
.card p,
.feature p,
.head p {
	font-size: var(--fs-0);
}
.card h3 {
	font-size: var(--fs-1);
}
.cta .button {
	font-size: var(--fs-2);
}
.cta,
.profile p {
	font-size: var(--fs-3);
}
/* HOORAY!
.teaser h3 {
	font-size: var(--fs-4);
}
*/
.profile h3,
.references ul {
	font-size: var(--fs-5);
}
.head h1,
.feature h1 {
	font-size: var(--fs-6);
}
.splash p {
	font-size: var(--fs-7);
}

}
/* bug fix */
@media screen and (min-width: 76em) {
	p,
.article em,
.card p/*
.feature p,
.head p */{
		font-size: 15px;
	}
}