Untitled

header

<!DOCTYPE html>

<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="x-apple-disable-message-reformatting">
    <!--[if mso]>
      <style> * { font-family: sans-serif !important; } </style>
    <![endif]-->
    <style>
      html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; }
      * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; }
      div[style*="margin: 16px 0"] { margin: 0 !important; }
      table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; }
      table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; }
      table table table { table-layout: auto; }
      img { -ms-interpolation-mode: bicubic; }
      *[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; }
      .x-gmail-data-detectors, .x-gmail-data-detectors *, .aBn { border-bottom: 0 !important; cursor: default !important; }
      .a6S { display: none !important; opacity: 0.01 !important; }
      img.g-img + div { display:none !important; }
      @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
        .email-container { min-width: 375px !important; }
      }
      @media screen and (max-width: 600px) {
        .email-container { width: 100% !important; margin: auto !important; }
        .fluid { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; }
      }
      .row-title, .row-data { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; }
      .row-title { text-align: right; }
      .row-data { text-align: left; }
    </style>
    <!--[if gte mso 9]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
    <![endif]-->
  </head>

  <body width="100%" bgcolor="#F2F2F2" style="margin: 0; mso-line-height-rule: exactly;">
    <center style="width: 100%; background: #F2F2F2; text-align: left;">

        <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="email-container" style="margin: auto;">
          <tr>
            <td bgcolor="#588fb8" align="center" valign="middle" style="padding: 15px 0; text-align: center">
              <a href="http://retailclub.com" target="_blank"><img src="https://i.imgur.com/FRIbcwz.png" width="83" height="51" alt="Retail Club" border="0"></a>
            </td>
          </tr>
        </table>

        <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="email-container" style="margin: auto;">
          <tr>
            <td bgcolor="#ffffff" align="left" style="padding: 20px; text-align: left; font-size: 1em; line-height: 1.6; color: #000000;">