diff --git a/css/global.css b/css/global.css
index 988beee850d7923417b8963391a534f8ffa250bb..0f851eaf9ddc69d419151d90fcd04cf3bc1b58bd 100644
--- a/css/global.css
+++ b/css/global.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -577,6 +578,21 @@ a {
   font-weight: 700;
   font-size: 0.875em; }
 
+.button {
+  display: inline-block;
+  text-transform: uppercase;
+  padding: 13px 20px 10px;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: 5px;
+  font-weight: 700;
+  font-size: 0.875em;
+  letter-spacing: 0.05em; }
+  .button svg {
+    vertical-align: middle;
+    margin-top: -3px;
+    margin-left: 10px; }
+
 header {
   background: url(../img/header.png) no-repeat center 0;
   background-size: cover;
@@ -684,20 +700,6 @@ section.paths {
       padding-left: 20px;
       padding-right: 20px;
       padding-bottom: 30px; }
-    section.paths .path .button {
-      display: inline-block;
-      text-transform: uppercase;
-      padding: 13px 20px 10px;
-      text-decoration: none;
-      cursor: pointer;
-      border-radius: 5px;
-      font-weight: 700;
-      font-size: 0.875em;
-      letter-spacing: 0.05em; }
-      section.paths .path .button svg {
-        vertical-align: middle;
-        margin-top: -3px;
-        margin-left: 10px; }
     section.paths .path:after {
       content: " ";
       width: 110%;
@@ -815,9 +817,62 @@ section.answers {
     @media (max-width: 37.5em) {
       section.answers p {
         border: none; } }
+section.newsletter {
+  max-width: 600px; }
+  section.newsletter #mc_embed_signup {
+    padding: 40px;
+    border-radius: 5px;
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+    margin: 0 auto;
+    background: transparent;
+    background: linear-gradient(179deg, transparent 0%, rgba(149, 234, 255, 0.4) 100%); }
+    section.newsletter #mc_embed_signup h6 {
+      text-align: center; }
+    section.newsletter #mc_embed_signup p {
+      text-align: center;
+      padding: 20px 0;
+      opacity: 0.7; }
+    section.newsletter #mc_embed_signup .mc-field-group {
+      display: flex;
+      flex-direction: row; }
+    section.newsletter #mc_embed_signup input {
+      padding: 15px;
+      font-size: 1em;
+      flex: 1;
+      outline: none;
+      margin: 5px;
+      border: 1px solid #D8D8D8;
+      color: #3F3F3F; }
+      section.newsletter #mc_embed_signup input#mce-FNAME, section.newsletter #mc_embed_signup input#mce-LNAME {
+        flex: 0.5;
+        min-width: 0; }
+      section.newsletter #mc_embed_signup input:focus {
+        border-color: #0ECAEA;
+        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
+      section.newsletter #mc_embed_signup input.button {
+        border: none;
+        color: #3F3F3F;
+        background: #FBD13A;
+        font-size: 0.875em;
+        flex: 0;
+        margin-top: 10px;
+        background: #FEEB6C;
+        background: linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%); }
+    section.newsletter #mc_embed_signup #mce-responses .response {
+      display: block;
+      color: white;
+      padding: 10px; }
+    section.newsletter #mc_embed_signup #mce-responses #mce-error-response {
+      background: #FF4906; }
+    section.newsletter #mc_embed_signup #mce-responses #mce-success-response {
+      background: #20D3A3; }
 
 footer {
   text-align: center;
   padding: 60px 0;
   display: block;
   color: rgba(63, 63, 63, 0.5); }
+  @media (max-width: 37.5em) {
+    footer.container {
+      padding-left: 20px;
+      padding-right: 20px; } }
diff --git a/index.html b/index.html
index 20666b4adc510fb29b819d9ae0ce3e74b1628cf1..96e3fb08274ca7ac29908165db241a8b8921ea3c 100644
--- a/index.html
+++ b/index.html
@@ -166,7 +166,37 @@
         </div>
       </section>
 
-      <footer>
+      <section class="newsletter container">
+        <div id="mc_embed_signup">
+
+          <h6>Sign up for updates</h6>
+          <p>We'll periodically send you updates about how BlocPower is greening buildings across America and how you can get involved.</p>
+
+          <form action="//blocpower.us9.list-manage.com/subscribe/post?u=e47a56054673f4606047e63da&amp;id=4d04d37b0d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+            <div id="mc_embed_signup_scroll">
+              <div class="mc-field-group">
+                <input type="text" value="" name="FNAME" class="" id="mce-FNAME" placeholder="First Name" />
+                <input type="text" value="" name="LNAME" class="" id="mce-LNAME" placeholder="Last Name" />
+              </div>
+              <div class="mc-field-group">
+                <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="your@email.com" />
+              </div>
+              <div class="mc-field-group">
+                <input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button" />
+              </div>
+              <div id="mce-responses" class="clear">
+                <div class="response" id="mce-error-response" style="display:none;">Something went wrong. Please try again.</div>
+                <div class="response" id="mce-success-response" style="display:none;">You were successfully added to the list.</div>
+              </div>
+              <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_e47a56054673f4606047e63da_4d04d37b0d" tabindex="-1" value=""></div>
+            </div>
+          </form>
+        </div>
+
+        <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+      </section>
+
+      <footer class="container">
         &copy; BlocPower 2012 - 2017&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://marketplace.blocpower.io/privacy-policy/" title="BlocPower Privacy Policy">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://marketplace.blocpower.io/terms-conditions/" title="BlocPower Terms &amp; Conditions">Terms &amp; Conditions</a>
       </footer>
 
diff --git a/scss/global.scss b/scss/global.scss
index 1719d4a5d6366fe4f5c0627bfcb1a1827979071f..8c75788feeee8000a99d7e3ad852b8647651045c 100644
--- a/scss/global.scss
+++ b/scss/global.scss
@@ -52,6 +52,7 @@ body {
     padding-right: $padding;
   }
 }
+
 a {
       text-decoration: none;
       text-transform: uppercase;
@@ -59,6 +60,25 @@ a {
       font-weight: 700;
       font-size: 0.875em;
 }
+
+.button {
+  display: inline-block;
+  text-transform: uppercase;
+  padding: $padding+3px $padding*2 $padding;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: $radius;
+  font-weight: 700;
+  font-size: 0.875em;
+  letter-spacing: 0.05em;
+
+  svg {
+    vertical-align: middle;
+    margin-top: -3px;
+    margin-left: $padding;
+  }
+}
+
 header {
   background: url(../img/header.png) no-repeat center 0;
   background-size: cover;
@@ -191,24 +211,6 @@ section {
         padding-bottom: $padding*3;
       }
 
-      .button {
-        display: inline-block;
-        text-transform: uppercase;
-        padding: $padding+3px $padding*2 $padding;
-        text-decoration: none;
-        cursor: pointer;
-        border-radius: $radius;
-        font-weight: 700;
-        font-size: 0.875em;
-        letter-spacing: 0.05em;
-
-        svg {
-          vertical-align: middle;
-          margin-top: -3px;
-          margin-left: $padding;
-        }
-      }
-
       &:after {
         content: " ";
         width: 110%;
@@ -359,6 +361,82 @@ section {
       }
     }
   }
+
+  &.newsletter {
+    max-width: 600px;
+
+    #mc_embed_signup {
+      padding: $padding*4;
+      border-radius: $radius;
+      box-shadow: 0 0 30px rgba(0,0,0,0.1);
+      margin: 0 auto;
+
+      @include linear-gradient(179deg, rgba(0,0,0,0) 0%, rgba($light-blue, 0.4) 100%);
+
+      h6 {
+        text-align: center;
+      }
+
+      p {
+        text-align: center;
+        padding: $padding*2 0;
+        opacity: 0.7;
+      }
+
+      .mc-field-group {
+        display: flex;
+        flex-direction: row;
+      }
+
+      input {
+        padding: $padding*1.5;
+        font-size: 1em;
+        flex: 1;
+        outline: none;
+        margin: $padding/2;
+        border: 1px solid $separator;
+        color: $gray;
+
+        &#mce-FNAME, &#mce-LNAME  {
+          flex: 0.5;
+          min-width: 0;
+        }
+
+        &:focus {
+          border-color: $teal;
+          box-shadow: 0 0 30px rgba(0,0,0,0.1);
+        }
+
+        &.button {
+          border: none;
+          color: $gray;
+          background: $yellow;
+          font-size: 0.875em;
+          flex: 0;
+          margin-top: $padding;
+
+          @include linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%);
+        }
+      }
+
+      #mce-responses {
+
+        .response {
+          display: block;
+          color: white;
+          padding: $padding;
+        }
+
+        #mce-error-response {
+          background: $red;
+        }
+
+        #mce-success-response {
+          background: $green;
+        }
+      }
+    }
+  }
 }
 
 footer {
@@ -366,4 +444,11 @@ footer {
   padding: $padding*6 0;
   display: block;
   color: $light-text;
+
+  @include breakpoint(mobileonly) {
+    &.container {
+      padding-left: $padding*2;
+      padding-right: $padding*2;
+    }
+  }
 }
\ No newline at end of file