/* Responsive CSS Variables */

@media screen and (max-width: 1328px) {
	:root {
		--wp--style--global--content-size: calc(100vw - 3rem);
	}
}

@media screen and (max-width: 1024px) and (min-width: 783px) {
}

@media screen and (max-width: 782px) {

	:root {
		--wp--preset--font-size--xx-small: 0.5rem;
		--wp--preset--font-size--x-small: 0.7rem;
		--wp--preset--font-size--small: 0.8rem;
		--wp--preset--font-size--medium: 0.9rem;
		--wp--preset--font-size--medium-plus: 1rem;
		--wp--preset--font-size--large: 1.2rem;
		--wp--preset--font-size--x-large: 1.4rem;
		--wp--preset--font-size--xx-large: 1.6rem;
		--wp--preset--font-size--xxx-large: 1.8rem;

		/* I'm just guessing at accommodating the whims of the WP core team and their impact on my legacy code at this point. Nothing matters anymore! ¯\_(ツ)_/¯ */		
		--wp--preset--spacing--40: 1.5rem;
		--wp--preset--spacing--50: 1.5rem;
		--wp--preset--spacing--60: 1.5rem;
		--wp--preset--spacing--70: 1.5rem;
		--wp--preset--spacing--80: 1.5rem;
	}

}