@media (max-width: 800px) {
}

@media only screen and (max-width: 500px) {
  html, body, p, th, td, li {
   font-size: 12px;
  }
 .header_odd { font-size: 20px; }
 .menu-item { font-size: 12px; }
 .hero { padding-top: 50px; padding-bottom: 30px; } 
 .hero_head { font-size: 50px; }
 .hero_head_med { font-size: 30px; }
 .hero_sub { font-size: 20px; }
 .hero_sub_med { font-size: 16px; }
 .hero_h1 { font-size: 30px; }
 .hero_h2 { font-size: 22px; }
 .intro { padding-top: 50px; }
 .intro_h2 { font-size: 22px; }
 .h2 { font-size: 20px; }
 .intro_p { font-size: 12px; }
 .copy { font-size: 12px; }
 .wcopy { font-size: 12px; }
 .wattrib { font-size: 10px; }
}