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

@media only screen and (max-width: 500px) {
 .header_odd { font-size: 20px; }
 .menu-item { font-size: 12px; }
 .hero { padding-top: 50px; padding-bottom: 30px; } 
 .hero_head { font-size: 50px; }
 .hero_sub { font-size: 20px; }
 .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; }
}