diff --git a/datacenterlight/templates/datacenterlight/emails/base_email.html b/datacenterlight/templates/datacenterlight/emails/base_email.html
index ae279731..193e8fac 100644
--- a/datacenterlight/templates/datacenterlight/emails/base_email.html
+++ b/datacenterlight/templates/datacenterlight/emails/base_email.html
@@ -3,14 +3,14 @@
 <!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"
-      style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+      style="font-family: 'Lato', 'sans-serif' !important;">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{dcl_text}}</title>
 </head>
 <body bgcolor="#ffffff"
-      style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
+      style="font-family: 'Lato', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 <style type="text/css">
 @media only screen and (max-width: 480px) {
   table[class*="container-for-gmail-android"] {
@@ -65,19 +65,19 @@
 </style>
 <table align="center" cellpadding="0" cellspacing="0"
        class="container-for-gmail-android" width="100%"
-       style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
-    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+       style="border-collapse: collapse !important; min-width: 600px; font-family: 'Lato', 'sans-serif' !important;">
+    <tr style="font-family: 'Lato', 'sans-serif' !important;">
         <td align="left" valign="top" width="100%"
-            style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;"
+            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;"
             bgcolor="#ffffff">
-            <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+            <center style="font-family: 'Lato', 'sans-serif' !important;">
                 <table cellspacing="0" cellpadding="0" width="100%"
                        bgcolor="#ffffff"
                        background="{{base_url}}{% static 'datacenterlight/img/dcl-email-bg.jpg' %}"
-                       style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;">
-                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important; background: transparent;">
+                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
                         <td width="100%" height="80" valign="top"
-                            style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff"
+                            style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff"
                             align="center">
                             <!--[if gte mso 9]>
                             <v:rect xmlns:v="urn:schemas-microsoft-com:vml"
@@ -88,23 +88,23 @@
                                         color="#ffffff"/>
                                 <v:textbox inset="0,0,0,0">
                             <![endif]-->
-                            <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                            <center style="font-family: 'Lato', 'sans-serif' !important;">
                                 <table cellpadding="0" cellspacing="0"
                                        width="600" class="w320"
-                                       style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
-                                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
+                                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
                                         <td class="pull-left mobile-header-padding-left"
-                                            style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;"
+                                            style="vertical-align: middle; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;"
                                             align="left" valign="middle">
                                             <a href="{{base_url}}"
-                                               style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img
+                                               style="font-family: 'Lato', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img
                                                     width="137"
                                                     src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}"
                                                     alt="logo"
-                                                    style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
+                                                    style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Lato', 'sans-serif' !important; border: none;"></a>
                                         </td>
                                         <td class="pull-right mobile-header-padding-right"
-                                            style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;"
+                                            style="color: #4d4d4d; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;"
                                             align="right">
                                         </td>
                                     </tr>
@@ -120,33 +120,33 @@
             </center>
         </td>
     </tr>
-    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+    <tr style="font-family: 'Lato', 'sans-serif' !important;">
         <td align="center" valign="top" width="100%"
-            style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;"
+            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;"
             class="content-padding" bgcolor="#f7f7f7">
-            <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+            <center style="font-family: 'Lato', 'sans-serif' !important;">
                 <table cellspacing="0" cellpadding="0" width="600" class="w320"
-                       style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
-                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
+                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
                         <td class="header-lg"
-                            style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;"
+                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;"
                             align="center">
                             {% block email_head %}
                             {% endblock %}
                         </td>
                     </tr>
-                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
                         <td class="free-text"
-                            style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;"
+                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;"
                             align="center">
                             <p>
                                 {% block email_body %}
                                 {% endblock %}
                             </p></td>
                     </tr>
-                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
                         <td class="button"
-                            style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;"
+                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;"
                             align="center">&nbsp;
                         </td>
                     </tr>
@@ -154,18 +154,18 @@
             </center>
         </td>
     </tr>
-    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+    <tr style="font-family: 'Lato', 'sans-serif' !important;">
         <td align="center" valign="top" width="100%"
-            style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;"
+            style="height: 100px; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;"
             bgcolor="#ffffff">
-            <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+            <center style="font-family: 'Lato', 'sans-serif' !important;">
                 <table cellspacing="0" cellpadding="0" width="600" class="w320"
-                       style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
-                    <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
-                        <td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;"
+                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
+                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
+                        <td style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;"
                             align="left">{% trans 'Your' %} {{dcl_text}} {%
                             trans 'team' %}<br
-                                    style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
+                                    style="font-family: 'Lato', 'sans-serif' !important;">
                         </td>
                     </tr>
                 </table>
