diff --git a/src/Ombi.Notifications.Templates/Templates/NewsletterTemplate.html b/src/Ombi.Notifications.Templates/Templates/NewsletterTemplate.html
index 450e7df2a..469f0dc90 100644
--- a/src/Ombi.Notifications.Templates/Templates/NewsletterTemplate.html
+++ b/src/Ombi.Notifications.Templates/Templates/NewsletterTemplate.html
@@ -1,10 +1,17 @@
-﻿<!doctype html>
+<!doctype html>
 <html>
+
 <head>
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Ombi</title>
-    <style type="text/css">
+    <style>
+        /* -------------------------------------
+          GLOBAL RESETS
+      ------------------------------------- */
+
+        /*All the styling goes here*/
+
         img {
             border: none;
             -ms-interpolation-mode: bicubic;
@@ -12,7 +19,8 @@
         }
 
         body {
-            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+            background-color: #1f1f1f;
+            font-family: sans-serif;
             -webkit-font-smoothing: antialiased;
             font-size: 14px;
             line-height: 1.4;
@@ -20,6 +28,8 @@
             padding: 0;
             -ms-text-size-adjust: 100%;
             -webkit-text-size-adjust: 100%;
+            color: #FFF;
+            text-align: center;
         }
 
         table {
@@ -30,40 +40,56 @@
         }
 
         table td {
-            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+            font-family: sans-serif;
             font-size: 14px;
             vertical-align: top;
         }
 
+        /* -------------------------------------
+          BODY & CONTAINER
+      ------------------------------------- */
+
         .body {
+            color: #FFF;
+            background-color: #1f1f1f;
             width: 100%;
+            text-align: center;
         }
 
+        /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
+
         .container {
-            display: block;
-            margin: 0 auto !important;
-            max-width: 1042px;
+            Margin: 0 auto !important;
+            /* makes it centered */
+            max-width: 1036px;
             padding: 10px;
-            width: 1042px;
+            width: 1036px;
         }
 
+        /* This should also be a block element, so that it will fill 100% of the .container */
+
         .content {
             box-sizing: border-box;
-            display: block;
-            margin: 0 auto;
+            Margin: 0 auto;
             max-width: 1037px;
             padding: 10px;
         }
 
+        /* -------------------------------------
+          HEADER, FOOTER, MAIN
+      ------------------------------------- */
+
         .main {
+            color: #FFF;
+            background: #1f1f1f;
             border-radius: 3px;
             width: 100%;
+            text-align: center;
         }
 
         .wrapper {
             box-sizing: border-box;
-            padding: 5px;
-            overflow: auto;
+            padding: 20px;
         }
 
         .content-block {
@@ -73,71 +99,195 @@
 
         .footer {
             clear: both;
-            margin-top: 10px;
+            Margin-top: 10px;
             text-align: center;
             width: 100%;
-            font-size: 12px;
         }
 
         .footer td,
         .footer p,
         .footer span,
         .footer a {
-            color: #fff;
+            color: #999999;
             font-size: 12px;
             text-align: center;
         }
 
-        h1 {
-            color: #ffffff;
-            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-            font-weight: 400;
-            margin: 0;
+        /* -------------------------------------
+          TYPOGRAPHY
+      ------------------------------------- */
+
+        h1,
+        h2,
+        h3,
+        h4 {
             color: #ff761b;
+            font-family: sans-serif;
+            font-weight: 400;
+            line-height: 1.4;
+            margin: 0;
+            text-transform: capitalize;
         }
 
-        p {
-            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-            font-weight: 400;
+        p,
+        ul,
+        ol {
+            font-family: sans-serif;
+            font-size: 14px;
+            font-weight: normal;
             margin: 0;
+            margin-bottom: 15px;
         }
 
         p li,
-        ul li {
+        ul li,
+        ol li {
             list-style-position: inside;
             margin-left: 5px;
         }
 
         a {
+            color: #ff761b !important;
+            text-decoration: none;
+            font-weight: 400;
+        }
+
+        /* -------------------------------------
+          OTHER STYLES THAT MIGHT BE USEFUL
+      ------------------------------------- */
+
+        .last {
+            margin-bottom: 0;
+        }
+
+        .first {
+            margin-top: 0;
+        }
+
+        .align-center {
+            text-align: center;
+        }
+
+        .align-right {
+            text-align: right;
+        }
+
+        .align-left {
+            text-align: left;
+        }
+
+        .clear {
+            clear: both;
+        }
+
+        .mt0 {
+            margin-top: 0;
+        }
+
+        .mb0 {
+            margin-bottom: 0;
+        }
+
+        .preheader {
+            color: transparent;
+            display: none;
+            height: 0;
+            max-height: 0;
+            max-width: 0;
+            opacity: 0;
+            overflow: hidden;
+            mso-hide: all;
+            visibility: hidden;
+            width: 0;
+        }
+
+        .powered-by a {
             text-decoration: none;
         }
 
-        @media only screen and (max-width: 1040px) {
-            .media-card {
-                display: block !important;
-                margin-top: 0 !important;
-                margin-right: auto !important;
-                margin-bottom: 10px !important;
-                margin-left: auto !important;
-            }
+        hr {
+            border: 0;
+            border-bottom: 1px solid #f6f6f6;
+            Margin: 20px 0;
+        }
 
+        /* -------------------------------------
+          RESPONSIVE AND MOBILE FRIENDLY STYLES
+      ------------------------------------- */
+
+        @media only screen and (max-width: 1059px) {
             table[class=body] h1 {
-                font-size: 28px !important;
+                color: #ff761b;
+                font-family: sans-serif;
+                font-weight: 400;
+                line-height: 1.4;
+                margin: 0 auto;
+                text-transform: capitalize;
+            }
+            table[class=body] p,
+            table[class=body] ul,
+            table[class=body] ol,
+            table[class=body] td,
+            table[class=body] span,
+            table[class=body] a {
+                font-size: 16px !important;
+            }
+            table[class=body] .wrapper,
+            table[class=body] .article {
+                padding: 10px !important;
+            }
+            table[class=body] .content {
+                padding: 0 !important;
             }
-
             table[class=body] .container {
                 padding: 0 !important;
                 width: 100% !important;
             }
-
             table[class=body] .main {
                 border-left-width: 0 !important;
                 border-radius: 0 !important;
                 border-right-width: 0 !important;
             }
+            table[class=body] .btn table {
+                width: 100% !important;
+            }
+            table[class=body] .btn a {
+                width: 100% !important;
+            }
+            table[class=body] .img-responsive {
+                height: auto !important;
+                max-width: 100% !important;
+                width: auto !important;
+            }
+            .media-card {
+                display: flex !important;
+                margin-top: 0 !important;
+                margin-right: auto !important;
+                margin-bottom: 10px !important;
+                margin-left: auto !important;
+                height: 100% !important;
+                width: 100% !important;
+                width: 500px !important;
+                max-width: 500px !important;
+            }
         }
 
+        /* -------------------------------------
+          PRESERVE THESE STYLES IN THE HEAD
+      ------------------------------------- */
+
         @media all {
+            .ExternalClass {
+                width: 100%;
+            }
+            .ExternalClass,
+            .ExternalClass p,
+            .ExternalClass span,
+            .ExternalClass font,
+            .ExternalClass td,
+            .ExternalClass div {
+                line-height: 100%;
+            }
             .apple-link a {
                 color: inherit !important;
                 font-family: inherit !important;
@@ -146,66 +296,64 @@
                 line-height: inherit !important;
                 text-decoration: none !important;
             }
+            .btn-primary table td:hover {
+                background-color: #34495e !important;
+            }
+            .btn-primary a:hover {
+                background-color: #34495e !important;
+                border-color: #34495e !important;
+            }
         }
+
     </style>
 </head>
-<body class="" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px;line-height: 1.4;margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
-    <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%; background-color: #1f1f1f; color: #fff;">
+
+<body class="" style="background-color: #1f1f1f; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #FFF; text-align: center;">
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #FFF; background-color: #1f1f1f; width: 100%; text-align: center;" width="100%" bgcolor="#1f1f1f" align="center">
         <tr>
-            <td class="container" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;display: block;max-width: 1042px;padding: 10px;width: 1042px;margin: 0 auto !important;">
-                <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 1037px; padding: 10px;">
-
+            <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; max-width: 1036px; padding: 10px; width: 1036px; Margin: 0 auto;" width="1036" valign="top">
+                <div class="content" style="box-sizing: border-box; Margin: 0 auto; max-width: 1037px; padding: 10px;">
                     <!-- START CENTERED WHITE CONTAINER -->
-                    <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Ombi Recently Added</span>
-                    <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 3px;">
-
+                    <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Ombi recently added</span>
+                    <table role="presentation" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #FFF; background: #1f1f1f; border-radius: 3px; width: 100%; text-align: center;" width="100%" align="center">
                         <!-- START MAIN CONTENT AREA -->
                         <tr>
                             <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;" valign="top">
-                                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; max-width: 1042px; width: 100%;">
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                                     <tr>
-                                        <td align="center">
-                                            <img src="{@LOGO}" width="400px" text-align="center"/>
+                                        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
+                                            <img src="{@LOGO}" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100%;">
                                         </td>
                                     </tr>
                                     <tr>
                                         <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
-                                            <br />
-                                            <br />
-                                            <p style="color: #fff; font-family: sans-serif; font-size: 20px; font-weight: normal; margin: 0; Margin-bottom: 15px; text-align: center;">{@INTRO}</p>
-
+                                            <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">{@INTRO}</p>
                                         </td>
                                     </tr>
+                                    <tr>
+                                        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">{@RECENTLYADDED}</td>
+                                    </tr>
                                 </table>
-
                             </td>
                         </tr>
-                        <tr>
-                            <td>
-                                {@RECENTLYADDED}
-                            </td>
-                        </tr>
-
                         <!-- END MAIN CONTENT AREA -->
                     </table>
-
                     <!-- START FOOTER -->
-                    <div class="footer" style="clear: both; padding-top: 10px; text-align: center; width: 100%;">
-                        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
+                    <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
+                        <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                             <tr>
-                                <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-top: 10px; padding-bottom: 10px; font-size: 12px; color: #999999; text-align: center;" valign="top" align="center">
-                                    Powered by <a href="https://github.com/tidusjar/Ombi" style="color: #999999;  font-size: 12px; text-align: center; text-decoration: underline;">Ombi</a>
+                                <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center">
+                                    Powered by <a href="https://github.com/tidusjar/Ombi" style="font-weight: 400; text-align: center; font-size: 12px; text-decoration: underline; color: #ff761b;">Ombi</a>
                                 </td>
                             </tr>
                         </table>
                     </div>
-
                     <!-- END FOOTER -->
                     <!-- END CENTERED WHITE CONTAINER -->
                 </div>
             </td>
-            <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
         </tr>
     </table>
 </body>
-</html>
\ No newline at end of file
+
+</html>
