@media (max-width: 1199px) and (min-width: 401px) {
	body {
		font-size: 32pt;
	}

	div.content_section_text p::first-letter,div.content::first-letter {
		font-size: 37pt;
	}

	/* https://css-tricks.com/responsive-data-tables/ */

	/*
	 * Force table to not be like tables anymore
	 */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/*
	 * Hide table headers (but not display: none;, for accessibility)
	 */
	thead tr {
		position: absolute;
		top: -9999%;
		left: -9999%;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
	}

	td::before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
}

@media only screen and (orientation: landscape)
and (min-width: 992px)
and (max-width: 1199px) {
	body {
		font-size: 14pt;
	}
}
@media only screen and (orientation: landscape)
and (min-width: 768px)
and (max-width: 991px) {
	body {
		font-size: 14pt;
	}
}
@media only screen and (orientation: landscape)
and (min-width: 480px)
and (max-width: 767px) {
	body {
		font-size: 11pt;
	}
}
@media only screen and (orientation: landscape)
and (max-width: 479px) {
	body {
		font-size: 8pt;
	}
}
@media only screen and (orientation: landscape)
and (min-device-width : 375px)
and (max-device-width : 667px) {
	body {
		font-size: 9.5pt;
	}
}
