Grace Newsletter

by Good Muyis

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->

<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i|Muli:400,400i,700,700i" rel="stylesheet" />

<style type="text/css" media="screen">
  [style*="Muli"] {
    font-family: 'Muli', Arial, sans-serif !important;
  }

  [style*="Merriweather"] {
    font-family: 'Merriweather', Georgia, serif !important;
  }

  /* Linked Styles */
  body {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    min-width: 100% !important;
    width: 100% !important;
    background: #f3f3f3;
    -webkit-text-size-adjust: none
  }

  a {
    color: #acacac;
    text-decoration: none
  }

  p {
    padding: 0 !important;
    margin: 0 !important
  }

  img {
    -ms-interpolation-mode: bicubic;
    /* Allow smoother rendering of resized image in Internet Explorer */
  }

  .text-top a {
    color: #000000;
  }

  /* Mobile styles */
  @media only screen and (max-device-width: 480px),
  only screen and (max-width: 480px) {
    .mobile-shell {
      width: 100% !important;
      min-width: 100% !important;
    }

    .center {
      margin: 0 auto !important;
    }

    .left {
      margin-right: auto !important;
    }

    .h6-right,
    .text-right,
    .text-date3-right {
      text-align: left !important;
    }

    .row30-2 {
      padding: 30px 15px 30px 15px !important;
    }

    .pl18 {
      padding-left: 0px !important;
    }

    .pr18 {
      padding-right: 0px !important;
    }

    .text-footer2,
    .text-footer-r,
    .h6-m-center {
      text-align: center !important;
    }

    .row5-30,
    .row4-30,
    .separator1 {
      padding: 0px 0px 0px 0px !important;
    }

    .separator2 {
      padding: 30px 0px 0px 0px !important;
   ...