So, weirdly, I test my email in Constant Contact and it looks non-responsive on my iphone 5 OS 8, then without doing anything, it reflows to the responsive view, then say I accidently change the view from portrait to landscape, it switched back to non-responsive. I never touched anything.

Any thoughts on this? Could it have something to do with the auto footer they add at the bottom?

Code below....

> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
>      <head>
>         <title>Lori Setton Installation</title>
>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
>         <meta name="viewport" content="width=device-width"/>
> 
>         <style type="text/css">
>         table, td {border-collapse:collapse !important;}
>         a img {border: 0 none;}
>         /*iOS mail*/
>         @media only screen and (max-width:698px) {
>             body {
>                 width: 100% !important;
>                 min-width: 100% !important;
>             }
>             table[class=col], table[class=col] tbody, table[class=col] tr, table[class=col] td {
>                 display: block !important;
>                 width: 100% !important;
>                 max-width: 100% !important;
>                 min-width: 100% !important;
>             }
>             td[class="center-on-mobile"], table[class="center-on-mobile"] {
>                 text-align:center !important;
>                 padding: 0 !important;
>             }
>             img[class="shrink"] {
>                 width: 100% !important;
>                 height: auto !important;
>             }
>         }
>         </style>
>      </head>
>      <body style="margin:0; padding:0; font-size:medium;">
>         <table width="100%" style="width:100%;" border="0" cellpadding="0" cellspacing="0"><tr><td align="center">
>         <!--[if gte mso 9]>
>             <table width="698" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td>
>         <![endif]-->
>         <table width="100%" style="max-width:698px; color: #000000; font-family:'Helvetica', Arial, sans-serif; margin:0; padding:0;" border="0" cellspacing="0" cellpadding="0">
>             <tbody>
>                 <tr>
>                     <td valign="top" style="margin:0; padding:0;">
>                     
>                     
>                     <a style="display:block; margin:0; padding:0; background-color:#981C1E;" href="http://www.wustl.edu">
>                         <img class="shrink" style="display:block;" width="698" height="209" alt="Washington University in St. Louis" src="http://dev.engineering.wustl.edu/images/lyris/installation_email_300px.jpg" border="0" moz-do-not-send="true" />
>                     </a>
>                      
>                     </td>
>                 </tr>
> 
> 
>                 <!-- TOP STORY -->
>                 <tr>
>                     <td style="background:#9e0918; color:#FFFFFF; border-bottom:1px solid #9e0918; font-size:0;">
>                         <div style="font-family:'Times New Roman', serif; font-size:24px; margin:10px 25px 10px 25px;">Dean Aaron Bobick and Provost Holden Thorp cordially invite you to the installation of</div>
>                     </td>
>                 </tr>
>                 <!--1st NEWS STORY-->
>                 <tr>
>                     <td style="padding:20px;">
> 
>                         <table width="280" class="col" border="0" align="left" cellpadding="0" cellspacing="0">
>                             <tr>
>                                 <td style="padding: 0 10px 10px 0;">
>                                     <img class="shrink" width="270" height="270" src="https://engineering.wustl.edu/Profiles/PublishingImages/Setton_Lori_9_1501.jpg?RenditionID=6" alt="Lori Setton" border="0" style="display:block;" moz-do-not-send="true" />
>                                 </td>
>                             </tr>
>                         </table>
>                         
>                         <table width="355" class="col" align="right" border="0" cellpadding="0" cellspacing="0">
>                             <tr>
>                                 <td>
>                                     <font size="5" style="font-family:'Helvetica', Arial, sans-serif; font-size:20px; display:block;">Lori Setton <br><font style="font-family:'Helvetica', Arial, sans-serif; font-size:18px; margin:5px 0; line-height:20px;"><em>Lucy and Stanley Lopata Distinguished Professor of Biomedical Engineering</em></font></font>
>                             <div style="margin:10px 0 0 0;"><font style="font-family:'Helvetica', Arial, sans-serif; font-size:14px; margin:10px 0; line-height:20px;"><strong>Monday, October 24, 2016<br></strong>
> 
> Reception — 5 p.m. Whitaker Hall Lobby<br>
> Ceremony — 5:45 p.m. Whitaker Hall Auditorium<br><br>Talk Title — <em>“Privilege and pathways in biomedical engineering research:  From airplanes to arthritis and the role of mechanics” </em><br><br>
> 
> RSVP by Monday, October 17, 2016 <a href="mailto:engineeringalumni@wustl.edu?subject=RSVP for Lopata Installation featuring Lori Setton" style="color:#9D0616;">here</a>
> or call (314) 935-2842<br><br>
> 
> Parking is available in the yellow zone of the lot adjacent to Whitaker Hall <a href="https://engineering.wustl.edu/our-school/why-wash-u-engineering/Pages/visit.aspx" target="_blank" style="color:#9D0616;">(map)</a>. If you do not have a WUSTL permit, print this email and place on your dashboard.<br><br>
> 
> Directions are available <a href="https://engineering.wustl.edu/our-school/why-wash-u-engineering/Pages/visit.aspx" target="_blank" style="color:#9D0616;">here</a>.</font></div><br>
>                                 </td>
>                             </tr>
>                         </table>
>                     </td>
>                 </tr>
>                  <!--footer-->
> 
>                  <tr>
>                      <td style="padding:12px 20px; border-top:3px solid #981C1E;">
>                      
>                          <table width="350" class="col" align="left" border="0" cellpadding="0" cellspacing="0"><tr>
>                              <td style="text-align:left;" class="center-on-mobile"><font size="4" style="font-size:20px; font-style:italic; font-family:'Helvetica', Arial, sans-serif; color:#9e0918; display:block;">Across Disciplines. Across the World.<sup>&reg;</sup></font><br /></td>
>                          </tr></table>
>                          
>                          <table width="285" class="col" align="right" border="0" cellpadding="0" cellspacing="0">
>                             <tr>
>                                 <td style="padding:0 0 0 20px; text-align:right; vertical-align:top;" class="center-on-mobile">
> 
>                                     <div><font size="2" style=" font-weight:bold; color:#000000; font-family:'Helvetica', Arial, sans-serif; display:block;">
>                                         School of Engineering &amp; Applied Science<br />
>                                         <a href="http://engineering.wustl.edu" style="color:#9e0918; text-decoration:none;">engineering.wustl.edu</a> &bull; <a style="color:#9e0918; text-decoration:none;" href="https://instagram.com/explore/tags/washuengineers/">#WashUengineers</a>
>                                     </font></div>
>                                     <br />
>                                     <div>
>                                         <a href="http://www.facebook.com/pages/Saint-Louis-MO/Washington-University-in-St-Louis-School-of-Engineering/99584808094"><img style="display:inline;" src="http://engineering.wustl.edu/newsletter/PublishingImages/facebook-icon.png" alt="Facebook" border="0" moz-do-not-send="true"/></a>&nbsp;
>                                         <a href="http://twitter.com/WashUengineers"><img style="display:inline;" src="http://engineering.wustl.edu/newsletter/PublishingImages/twitter_icon.png" alt="Twitter" border="0" moz-do-not-send="true"/></a>&nbsp;
>                                         <a href="http://washuengineers.tumblr.com"><img style="display:inline;" src="http://engineering.wustl.edu/newsletter/PublishingImages/tumblr_icon.png" alt="Tumblr" border="0" moz-do-not-send="true"/></a>&nbsp;
>                                         <a href="http://www.linkedin.com/groups?gid=2091484&trk=hb_side_g"><img style="display:inline;" src="http://engineering.wustl.edu/newsletter/PublishingImages/linkedin-icon.png" alt="LinkedIn" border="0" moz-do-not-send="true"/></a>&nbsp;
>                                         <a href="http://instagram.com/washuengineers"><img style="display:inline;" src="http://engineering.wustl.edu/newsletter/PublishingImages/Instagram.png" alt="Instagram" border="0" moz-do-not-send="true"/></a>
>                                     </div>
>                                     <br />
>                                     <!--<p style="font-size:12px; font-weight:bold; color:#000000; text-align:right; margin:0; padding:0;">
>                                         <a href="mailto:engineeringpr@seas.wustl.edu?subject=Subscribe%20to%20Engineering%20eNews" style="color:#B11417; font-weight:bold; text-decoration:none;">Subscribe</a>&nbsp; | &nbsp;<a href="mailto:engineeringpr@seas.wustl.edu?subject=Unsubscribe%20from%20Engineering%20eNews" style="color:#B11417; font-weight:bold; text-decoration:none;">Unsubscribe</a>
>                                     </p>-->
>                                 </td>
>                             </tr>
>                         </table>
>                      </td>
>                  </tr>
>              </tbody>
>          </table>
>             <!--[if gte mso 9]>
>             </td></tr></table>
>         <![endif]-->
>         </td></tr></table>
> <style data-ignore-inlining>@media print{ #_t { background-image: url('https://f1frme2l.emltrk.com/f1frme2l?p&d={#First Name#}');}} div.OutlookMessageHeader {background-image:url('https://f1frme2l.emltrk.com/f1frme2l?f&d={#First Name#}')} table.moz-email-headers-table {background-image:url('https://f1frme2l.emltrk.com/f1frme2l?f&d={#First Name#}')} blockquote #_t {background-image:url('https://f1frme2l.emltrk.com/f1frme2l?f&d={#First Name#}')} #MailContainerBody #_t {background-image:url('https://f1frme2l.emltrk.com/f1frme2l?f&d={#First Name#}')}</style><div id="_t"></div>
> <img src="https://f1frme2l.emltrk.com/f1frme2l?d={#First Name#}" width="1" height="1" border="0" /> </body>
> </html>