I am stumped as I can get this template to work for all pertinent clients and render just fine but for Outlook iOS (iOS 11.0) of which the client uses.

<html>
<head>
<meta charset="utf-8">
<!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<meta name="HandheldFriendly" content="true">

<!-- Use the latest (edge) version of IE rendering engine -->
<title>Shippers Supply</title>
<!-- The title tag shows in email notifications, like Android 4.4. -->
<!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
<!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->

<!-- CSS Reset -->
<style type="text/css">
/* What it does: Remove spaces around the email design added by some email clients. /
/
Beware: It can remove the padding / margin and add a background color to the compose a reply window. /
html, body {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
/
What it does: Stops email clients resizing small text. */

  • {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
    /* What it does: Forces Outlook.com to display emails full width. /
    .ExternalClass {
    width: 100%;
    }
    /
    What is does: Centers email on Android 4.4 /
    div[style
    ="margin: 16px 0"] {
    margin: 0 !important;
    }
    /* What it does: Stops Outlook from adding extra spacing to tables. /
    table, td {
    mso-table-lspace: 0pt !important;
    mso-table-rspace: 0pt !important;
    }
    /
    What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. /
    table {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    margin: 0 auto !important;
    }
    table table table {
    table-layout: auto;
    }
    /
    What it does: Uses a better rendering method when resizing images in IE. /
    img {
    -ms-interpolation-mode: bicubic;
    }
    /
    What it does: Overrides styles added when Yahoo's auto-senses a link. /
    .yshortcuts a {
    border-bottom: none !important;
    }
    /
    What it does: Another work-around for iOS meddling in triggered links. */
    a[x-apple-data-detectors] {
    color: inherit !important;
    }
    </style>

    <!-- Progressive Enhancements -->
    <style type="text/css">

    /* What it does: Hover styles for buttons */
    .button-td,
    .button-a {
    transition: all 100ms ease-in;
    }
    .button-td:hover,
    .button-a:hover {
    background: #e01e38 !important;
    border-color: #e01e38 !important;
    }

    /* Media Queries */
    @media screen and (max-width: 700px) {

    .email-container {
    width: 100% !important;
    }

    /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. /
    .fluid,
    .fluid-centered {
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    /
    And center justify these ones. */
    .fluid-centered {
    margin-left: auto !important;
    margin-right: auto !important;
    }

    /* What it does: Forces table cells into full-width rows. /
    .stack-column,
    .stack-column-center {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    direction: ltr !important;
    }
    /
    And center justify these ones. */
    .stack-column-center {
    text-align: center !important;
    }

    /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
    .center-on-narrow {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    }
    table.center-on-narrow {
    display: inline-block !important;
    }

    }

    </style>

</head>
<body bgcolor="#e01e38" width="100%" style="margin: 0;" yahoo="yahoo">
<table bgcolor="#e01e38" cellpadding="0" cellspacing="0" border="0" height="100%" width="100%" style="border-collapse:collapse;">
<tr>
<td>

<!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: Arial;"> </div>
<!-- Visually Hidden Preheader Text : END -->

<!-- Email Body : BEGIN -->
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="700" class="email-container">
<tr>
<td class="full-width-image" width="100%">
<table id="top-bar" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-font-smoothing: antialiased; color: #ffffff; width: 100%; background-color: #ffffff;">

<!-- Hero Image, Flush : BEGIN -->
<tr>
<td align="center" style="padding: 10px;" class="full-width-image"><a href="https://www.shipperssupply.com/"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/Shippers_logo.jpg" width="197" height="50" alt="Shippers Supply Logo" border="0" align="center" style="max-width: 197px; height: auto;"></a></td>
</tr>
<tr>
<td style="padding: 10px; text-align: right; font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000;">  <strong>FEBRUARY 2019</strong></td>

</tr>
<tr>
<td><hr color="#000000">
</td>
</tr>
<tr><td bgcolor="#ffffff" style="padding: 10px 40px 10px 40px; text-align: left; font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000;">
<p align="left"><font size="48px" style="font-family: Arial Narrow; font-size: 60px; mso-height-rule: exactly; line-height: 84px; text-decoration: none">Thin is in</font> – Ruth Spetter</p>
No, I’m not talking New Year’s resolutions, I’m talking packaging. Likely you’ve heard the term “down-gauging” with respect to stretch film and/or shrink wrap. The premise being: use less material to do relatively the same job without sacrificing quality. For some, the motivation may be to reduce waste and decrease their carbon footprint but for many, it’s really about saving money. In this economic climate, who can blame them? <strong>Let’s face it; don’t we all need to save a buck? </strong>
<br><br>
Film manufacturers are using new resin and extrusion technology to produce high-performance stretch films that offer high holding force in addition to superior puncture and<img src="https://www.myclients.ca/publicmedia/2019/Shippers/01_23/2.jpg" vspace="10" hspace="10" align="right" alt="Warehouse personel wrapping a pallet with stretch wrap" border="0" width="250px" style="width: 100%; max-width: 250px; height: auto;"> tear resistance despite being thinner than conventional or standard films. In practice, this means high performance films can be used to handle what was previously considered a heavier gauge application. So if the thinner film performs the same or better than the thicker, higher gauge films, why is there still resistance to making the switch? For many it is the feel. The thinner film feels, well, thinner. I understand the skepticism, we are trained to believe thinner is weaker. The proof is in the actual performance. You have to try it on a few loads to get the “feel” for it.
<br><br>
Basically for general use, a high performance film will do the job as well or better than a conventional film. That doesn’t mean that conventional films are going to disappear. There are still applications where full gauge films may still be the best option. The best bet is to <a href="http://shipperssupply.com/ContactUs.aspx">contact your local branch</a> to speak to one of our experienced Account Managers or Customer Service Reps who will be able to assess the situation or put you in touch with someone who can advise.
<br><br>
<!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="http://shipperssupply.com/productdirectory.aspx?P=1g" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->View Stretch Film Here<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br>

Shippers Supply carries Platinum Max 65, 70, 80 and 90 Ultra high performance hand films in a variety of sizes plus Ultra high performance machine films for use on your pallet wrapper.
<br><br>

Shippers Supply carries 60, 70, 80, 90, 115, and 135 gauge conventional/standard hand and machine films in a variety of sizes, colours and core types.

<br><br>

<!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="mailto:Ruth.Spetter@shipperssupply.com?subject=Questions, concerns or comments?" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->Questions, concerns or comments? Click here a email me.<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br>
</td>
</tr>
<tr>
<td><hr color="#000000">
</td>
</tr>

<tr>
<td style="padding: 20px; text-align: left; font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000;">
<h2 align="center">Product Showcase</h2>

</td>
</tr>
<!-- Three Even Columns : BEGIN -->
<tr>
<td align="center" valign="top" style="padding: 10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="33.33%" class="stack-column-center">
<table cellspacing="0" cellpadding="0" border="0" width="234" style="max-width: 234; height: auto;">
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #333333; padding: 0 10px 10px; text-align: center;" class="center-on-narrow"><img src="https://www.myclients.ca/publicmedia/2019/Shippers/01_23/3.jpg" alt="Shockwatch" border="0" align="center" width="150px" style="max-width: 150px; height: auto;"></td>
</tr>
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="http://shipperssupply.com/search.aspx?s=shockwatch">Shockwatch</a><br>Impact indicators alert everyone that your shipment needs to be handled with special care and that it is being monitored for mishandling.<br><br><!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="http://shipperssupply.com/search.aspx?s=shockwatch" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->Shop NOW!<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br></td>
</tr>
</table></td>
<td width="33.33%" class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0" width="233" style="max-width: 233px; height: auto;">
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #333333; padding: 0 10px 10px; text-align: center;" class="center-on-narrow"><img src="https://www.myclients.ca/publicmedia/2019/Shippers/01_23/4.jpg" alt="Label Dispensers" border="0" align="center" width="150px" style="max-width: 150px; height: auto;"></td>
</tr>
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="http://shipperssupply.com/productdirectory.aspx?P=3c4">Label Dispensers</a><br>
Manually removes label from the roll for trouble-free packaging.<br><br><br><br><!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="http://shipperssupply.com/productdirectory.aspx?P=3c4" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->Shop NOW!<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br> </td>
</tr>
</table></td>
<td width="33.33%" class="stack-column-center"><table cellspacing="0" cellpadding="0" border="0" width="233" style="max-width: 233px; height: auto;">
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #333333; padding: 0 10px 10px; text-align: center;" class="center-on-narrow"><img src="https://www.myclients.ca/publicmedia/2019/Shippers/01_23/5.jpg" alt="Shatter Proof Mirror" border="0" align="center" width="150px" style="max-width: 150px; height: auto;"></td>
</tr>
<tr>
<td style="font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #333333; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><a href="http://shipperssupply.com/productdirectory.aspx?P=2c4f">Shatter Proof Mirrors</a><br>
Reduce safety hazards from blind spots. Brighter than glass. Variety of sizes and shapes available.<br><br><br><!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="http://shipperssupply.com/productdirectory.aspx?P=2c4f" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->Shop NOW!<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!-- Three Even Columns : END -->

<tr>
<td><hr color="#000000">
</td>
</tr>
<!-- 1 Column Text : BEGIN -->
<tr>
<td style="padding: 20px; text-align: left; font-family: Arial; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #000000;">
<h2 align="center">January/February Flyer</h2>

</td>
</tr>

<tr>
<td align="center" class="full-width-image"><a href="http://shipperssupply.com/Flyer.aspx"><img src="https://www.myclients.ca/publicmedia/2019/Shippers/01_23/1.jpg" alt="January and February Flyer" border="0" align="center" width="250px" style="max-width: 250px; height: auto;"></a><br>
<br>

<!-- Button : Begin -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto">
<tr>
<td style="border-radius: 3px; background: #31cb4b; text-align: center;" class="button-td"><a href="http://shipperssupply.com/Flyer.aspx" style="background: #31cb4b; border: 15px solid #31cb4b; padding: 0 10px;color: #ffffff; font-family: Arial; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>    <![endif]-->View this Flyer<!--[if mso]>    <![endif]-->
</a></td>
</tr>
</table>

<!-- Button : End -->

<br><br>

</td></tr></table>
<!-- Email Header1 : BEGIN -->
<table bgcolor="#e01e38" align="center" width="700" class="email-container">

<tr>
<td width="40%" class="stack-column-center" align="center" style="padding: 20px 20px; text-align: center;"><a href="https://www.shipperssupply.com/" target="_blank"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/Shippers_logo_white.png" width="197" height="50" alt="Shippers Logo" border="0" style="display: block; height: auto;"></a></td>
<td width="10%" class="stack-column-center" align="center" style="padding: 20px 10px; text-align: center;"><a href="https://www.linkedin.com/company/shippers-supply" target="_blank"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/LinkedIn_white.png" width="36" height="36" alt="LinkedIn" border="0" style="display: block; height: auto;"></a></td>
<td width="10%" class="stack-column-center" align="center" style="padding: 20px 10px; text-align: center;"><a href="https://www.facebook.com/shipperssupplycanada/" target="_blank"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/facebook_white.png" width="36" height="36" alt="LinkedIn" border="0" style="display: block; height: auto;"></a></td>
<td width="10%" class="stack-column-center" align="center" style="padding: 20px 10px; text-align: center;"><a href="https://twitter.com/Shippers_Supply" target="_blank"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/Twitter_white.png" width="35" height="35" alt="Twitter" border="0" style="display: block; height: auto;"></a></td>
<td width="10%" class="stack-column-center" align="center" style="padding: 20px 10px; text-align: center;"><a href="https://www.youtube.com/channel/UCDzhtYTCTQJrWdFf8B6IEQg/videos" target="_blank"><img src="http://www.myclients.ca/publicmedia/2018/Shippers/images/YouTube_white.png" width="35" height="35" alt="YouTube" border="0" align="center" style="display: block; height: auto;"></a></td>
<td width="20%" class="stack-column-center" style="padding: 20px 10px; text-align: center;"> </td>
</tr>
</table>
<!-- Email Header : END -->

</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>