:root{
	--content-rule: 2px solid var(--clr-primary);
	--light-rule: 1px solid var(--clr-gray-light);

	/* type scale for paragraphs and lists */
	--text-small: var(--scale-016); 
	--text-med: var(--scale-020);
		--text-med_static: var(--scale-020);
	--lh-med: var(--scale-024);
}

/* changes at 878px wide */
@media(width >= 54.875rem){
	:root{
		/* type scale for paragraphs and lists */
		--text-small: var(--scale-020); 
		--text-med: var(--scale-024);
		--lh-med: var(--scale-032);
	}
}