/* ***************************************************************** */
/* "RESPONSIVE FONTS" W3.CSS Extension v26.01.10 by John Chase       */
/*  EXTENDS: W3.CSS 5.02 March 31 2025 by Jan Egil and Borge Refsnes */
/*  - Slightly increases the default font sizes on large screens.    */
/*  - Slightly decreases the default font sizes on small screens.    */
/* ***************************************************************** */

/* LARGE SCREEN */
@media (min-width: 993px){
	html, body { font-size: 16px }
	h1 { font-size: 38px }
	h2 { font-size: 32px }
	h3 { font-size: 26px }
	h4 { font-size: 21px }
	h5 { font-size: 19px }
	h6 { font-size: 17px }

	.w3-code     { font-size: 17px }

	.w3-tiny     { font-size: 11px !important }
	.w3-small    { font-size: 13px !important }
	.w3-medium   { font-size: 16px !important }
	.w3-large    { font-size: 19px !important }
	.w3-xlarge   { font-size: 26px !important }
	.w3-xxlarge  { font-size: 38px !important }
	.w3-xxxlarge { font-size: 51px !important }
	.w3-jumbo    { font-size: 68px !important }
}

/* MEDIUM SCREEN */
/* N.B.- These are the same as the defaults in w3.css. */
@media (max-width: 992px) and (min-width: 601px) {
	html, body { font-size: 15px }
	h1 { font-size: 36px }
	h2 { font-size: 30px }
	h3 { font-size: 24px }
	h4 { font-size: 20px }
	h5 { font-size: 18px }
	h6 { font-size: 16px }

	.w3-code     { font-size: 16px }

	.w3-tiny     { font-size: 10px !important }
	.w3-small    { font-size: 12px !important }
	.w3-medium   { font-size: 15px !important }
	.w3-large    { font-size: 18px !important }
	.w3-xlarge   { font-size: 24px !important }
	.w3-xxlarge  { font-size: 36px !important }
	.w3-xxxlarge { font-size: 48px !important }
	.w3-jumbo    { font-size: 64px !important }
}

/* SMALL SCREEN */
@media (max-width: 600px) {
	html, body { font-size: 14px }
	h1 { font-size: 34px }
	h2 { font-size: 28px }
	h3 { font-size: 22px }
	h4 { font-size: 19px }
	h5 { font-size: 17px }
	h6 { font-size: 15px }

	.w3-code     { font-size: 15px }

	.w3-tiny     { font-size: 10px !important }
	.w3-small    { font-size: 11px !important }
	.w3-medium   { font-size: 14px !important }
	.w3-large    { font-size: 17px !important }
	.w3-xlarge   { font-size: 22px !important }
	.w3-xxlarge  { font-size: 34px !important }
	.w3-xxxlarge { font-size: 45px !important }
	.w3-jumbo    { font-size: 60px !important }
}