/* Fluid typography: body and heading font-size, two clamp() ranges split at 736px.
   Floor 375px, ceiling 1680px; .container's width tracks the same ceiling (grid.css). */

body, input, select, textarea {
	font-size: clamp(0.516rem, 1.792vw + 0.096rem, 0.92rem);
}

h1 { font-size: clamp(1.16rem, 4.033vw + 0.215rem, 2.07rem); }
h2 { font-size: clamp(0.928rem, 3.226vw + 0.172rem, 1.656rem); }
h3 { font-size: clamp(0.851rem, 2.957vw + 0.158rem, 1.518rem); }
h4 { font-size: clamp(0.799rem, 2.778vw + 0.148rem, 1.426rem); }
h5 { font-size: clamp(0.722rem, 2.509vw + 0.134rem, 1.288rem); }
h6 { font-size: clamp(0.722rem, 2.509vw + 0.134rem, 1.288rem); }

.hypersize h2 { font-size: clamp(1.289rem, 4.481vw + 0.239rem, 2.3rem); }
.supersize h2,
.supersize h3 { font-size: clamp(1.109rem, 3.853vw + 0.205rem, 1.978rem); }
.largesize h3 { font-size: clamp(0.928rem, 3.226vw + 0.172rem, 1.656rem); }

@media screen and (min-width: 737px) {

	body, input, select, textarea {
		font-size: clamp(0.92rem, 0.194vw + 0.831rem, 1.034rem);
	}

	h1 { font-size: clamp(2.07rem, 1.311vw + 1.467rem, 2.844rem); }
	h2 { font-size: clamp(1.656rem, 1.224vw + 1.093rem, 2.378rem); }
	h3 { font-size: clamp(1.518rem, 0.757vw + 1.17rem, 1.965rem); }
	h4 { font-size: clamp(1.426rem, 0.65vw + 1.127rem, 1.81rem); }
	h5 { font-size: clamp(1.288rem, 0.533vw + 1.043rem, 1.603rem); }
	h6 { font-size: clamp(1.288rem, 0.446vw + 1.083rem, 1.551rem); }

	.hypersize h2 { font-size: clamp(2.3rem, 1.797vw + 1.473rem, 3.361rem); }
	.supersize h2,
	.supersize h3 { font-size: clamp(1.978rem, 1.292vw + 1.384rem, 2.74rem); }
	.largesize h3 { font-size: clamp(1.656rem, 1.224vw + 1.093rem, 2.378rem); }

}