title: Responsive eDM issue
body: <p>I am currently making an eDM for an event coming up for our business. I have used a responsive boilerplate that is intended for this. </p>
  
  <p>It is a two column layout, that folds into a 1 column layout when the device width &lt;600px (using a media query).</p>
  
  <p><a href="http://hardedgemedia.com/preview/eDMs/The-Hard-Word/june-2015-what-a-girl-wants-what-a-girl-needs" rel="nofollow">You can see it here</a></p>
  
  <p>When I preview it in the browser, it looks great and everything works as intended.
  When I view it on my phone (Sony Z2 - <strong>Gmail App</strong>), a few things don't look right. The top black banner isn't full width. The first "Hard Word" section isn't full width, some of the text is purple.</p>
  
  <p>Is this just an issue with the gmail app?</p>
  
  <p>It looks okay using my phone's default email client, and iOS.</p>
  
  <p>Sorry I can't post the code, as it breaks the code element in stack overflow. Sorry. Feel free to inspect the source.</p>
  
  <p><strong>Any help would be greatly appreciated!</strong></p>
  
  <p>Please see screenshots below</p>
  
  <ul>
  <li><a href="http://awesomescreenshot.com/0ac4y9ydce" rel="nofollow">Not full width cell</a></li>
  </ul>