Added max-width to media queries

Doubled down with both max-device-width and device-width in the media
queries to catch a bug between Outlook.com on IE9 and large phones such
as the HTC one mistakingly showing the wrong layout.

via
http://emailwizardry.nightjar.com.au/2013/08/28/media-queries-in-html-em
ail-cover-all-your-bases/