p,h3,h2,h1{margin: 10px 25px; font-family: Arial, sans-serif;}

blockquote{margin: 10px 35px ; font-family: Arial, sans-serif;}

p,h3,h2,h1,td{font-size: 15.0pt;} h3{font-size: 16.0pt;} h2{font-size: 17.0pt;} h1{font-size: 18.0pt;}

@media screen and (min-width: 1000px) {
   p,h3,h2,h1,td,li{font-size: 14.0pt;} h3{font-size: 14.0pt;} h2{font-size: 16.0pt;} h1{font-size: 18.0pt;}
}
@media screen and (max-width: 799px) {
   p,h3,h2,h1,td,li{font-size: 13.0pt;} h3{font-size: 13.0pt;} h2{font-size: 15.0pt;} h1{font-size: 17.0pt;}
}
@media screen and (max-width: 599px) {
   p,h3,h2,h1,td,li{font-size: 12.0pt;} h3{font-size: 12.0pt;} h2{font-size: 14.0pt;} h1{font-size: 16.0pt;}
}
.boxed {border: 5px solid red; width: 175px; margin: auto; text-align: center; background-color: #ccffff;}

#landscape-message { display:none; }
@media only screen and (orientation:portrait) {
    #wrapper { display:none; }
    #landscape-message { display:block; }
}