/**
 * Jedi-Robe mobile heading scale.
 *
 * Desktop typography and body copy remain controlled by Shoptimizer's
 * WordPress Customizer. These rules provide only the missing responsive
 * heading sizes for the mobile layout.
 *
 * @package Jedi_Theme
 * @subpackage Typography
 */

@media (max-width: 992px) {

	body.jr-dark-commerce h1 {
		font-size: 40px;
		line-height: 1.08;
	}

	body.jr-dark-commerce h2 {
		font-size: 32px;
		line-height: 1.12;
	}

	body.jr-dark-commerce h3 {
		font-size: 26px;
		line-height: 1.18;
	}

	body.jr-dark-commerce h4 {
		font-size: 21px;
		line-height: 1.25;
	}
}