/* Responsive CSS Variables */

body.browser-app-safari {
	--wp--custom--header--scroll-transition: none;
}

@media screen and (max-width: 1200px) (min-width: 1024px) {
	:root {
		--wp--style--global--content-size: 960px;
		--wp--style--global--wide-size: 960px;
	}
}

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

	body {
		font-size: var(--wp--preset--font-size--medium) !important;
		line-height: var(--wp--custom--typography--line-height--medium) !important;
	}
	
	h1 {
		font-size: var(--wp--preset--font-size--x-large) !important;
		line-height: var(--wp--custom--typography--line-height--x-large) !important;
	}

	h2 {
		font-size: var(--wp--preset--font-size--large) !important;
		line-height: var(--wp--custom--typography--line-height--large) !important;
	}

	h3 {
		font-size: var(--wp--preset--font-size--medium-plus) !important;
		line-height: var(--wp--custom--typography--line-height--medium-plus) !important;
	}

	h4 {
		font-size: var(--wp--preset--font-size--medium) !important;
		line-height: var(--wp--custom--typography--line-height--medium) !important;
	}
	
}

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

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