Fixed layout for tablets and phones by tweaking meta tag and css

I updated the viewport meta tags on all pages to fix layout on tablets.

This resulted in problems on phones because of the presence of blocks with a forced width of 450 pixels. So I tweaked the layout on phones with a media query for device width of less than 500px. 

Result is that the site looks better on both tablets and phones (IMO).