@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; } }