diff --git a/frontend/scss/base.scss b/frontend/scss/base.scss
index 2a9ba2cf9ab..05410b0da55 100644
--- a/frontend/scss/base.scss
+++ b/frontend/scss/base.scss
@@ -12,7 +12,7 @@ html, body {
   padding: 0;
   margin: 0;
   min-width: 320px;
-  color: color('black');
+  color: color('river-bed');
   background-color: #fff;
   font-size: 16px;
   font-family: sans-serif;
diff --git a/frontend/scss/components/organisms/banner.scss b/frontend/scss/components/organisms/banner.scss
index 1db44ea2711..cfc0c5dda84 100644
--- a/frontend/scss/components/organisms/banner.scss
+++ b/frontend/scss/components/organisms/banner.scss
@@ -16,18 +16,17 @@
 
 .#{utility('banner')} {
   margin: 0 -30px;
-  padding: 30px 30px;
+  padding: 60px 30px;
   background-color: color('blue-ribbon');
 
   @media (min-width: 930px) {
-    padding: 70px 90px 70px 90px;
+    padding: 90px;
   }
 }
 
 .#{organism('banner')} {
-
-  &-headline, &-copy {
-    color: color('white');
+  &-headline,  p {
     max-width: 720px;
+    color: color('white');
   }
 }
diff --git a/pages/content/amp-dev/documentation/guides-and-tutorials/index.ads.html b/pages/content/amp-dev/documentation/guides-and-tutorials/index.ads.html
index 25ce2286787..e1c17078a57 100644
--- a/pages/content/amp-dev/documentation/guides-and-tutorials/index.ads.html
+++ b/pages/content/amp-dev/documentation/guides-and-tutorials/index.ads.html
@@ -154,6 +154,8 @@ <h2 class="ap-o-video-slider-text">Featured Videos</h2>
 
 {% do doc.styles.addCssFile('/css/components/organisms/banner.css') %}
 <section class="ap--banner">
-  <h2 class="ap-o-banner-headline">Get Involved</h2>
-  <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  <div class="ap-o-banner">
+    <h2 class="ap-o-banner-headline">Get Involved</h2>
+    <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  </div>
 </section>
diff --git a/pages/content/amp-dev/documentation/guides-and-tutorials/index.email.html b/pages/content/amp-dev/documentation/guides-and-tutorials/index.email.html
index a8bfe470b7e..63b9220aa74 100644
--- a/pages/content/amp-dev/documentation/guides-and-tutorials/index.email.html
+++ b/pages/content/amp-dev/documentation/guides-and-tutorials/index.email.html
@@ -154,6 +154,8 @@ <h2 class="ap-o-video-slider-text">Featured Videos</h2>
 
 {% do doc.styles.addCssFile('/css/components/organisms/banner.css') %}
 <section class="ap--banner">
-  <h2 class="ap-o-banner-headline">Get Involved</h2>
-  <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  <div class="ap-o-banner">
+    <h2 class="ap-o-banner-headline">Get Involved</h2>
+    <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  </div>
 </section>
diff --git a/pages/content/amp-dev/documentation/guides-and-tutorials/index.html b/pages/content/amp-dev/documentation/guides-and-tutorials/index.html
index be0838d382f..f3f9e828c84 100644
--- a/pages/content/amp-dev/documentation/guides-and-tutorials/index.html
+++ b/pages/content/amp-dev/documentation/guides-and-tutorials/index.html
@@ -181,6 +181,8 @@ <h2 class="ap-o-video-slider-text">Featured Videos</h2>
 
 {% do doc.styles.addCssFile('/css/components/organisms/banner.css') %}
 <section class="ap--banner">
-  <h2 class="ap-o-banner-headline">Get Involved</h2>
-  <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  <div class="ap-o-banner">
+    <h2 class="ap-o-banner-headline">Get Involved</h2>
+    <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  </div>
 </section>
diff --git a/pages/content/amp-dev/documentation/guides-and-tutorials/index.stories.html b/pages/content/amp-dev/documentation/guides-and-tutorials/index.stories.html
index a895655a09e..109349c7c18 100644
--- a/pages/content/amp-dev/documentation/guides-and-tutorials/index.stories.html
+++ b/pages/content/amp-dev/documentation/guides-and-tutorials/index.stories.html
@@ -154,6 +154,8 @@ <h2 class="ap-o-video-slider-text">Featured Videos</h2>
 
 {% do doc.styles.addCssFile('/css/components/organisms/banner.css') %}
 <section class="ap--banner">
-  <h2 class="ap-o-banner-headline">Get Involved</h2>
-  <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  <div class="ap-o-banner">
+    <h2 class="ap-o-banner-headline">Get Involved</h2>
+    <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  </div>
 </section>
diff --git a/pages/content/amp-dev/documentation/guides-and-tutorials/index.websites.html b/pages/content/amp-dev/documentation/guides-and-tutorials/index.websites.html
index d299a2d2d9d..a083820e4a7 100644
--- a/pages/content/amp-dev/documentation/guides-and-tutorials/index.websites.html
+++ b/pages/content/amp-dev/documentation/guides-and-tutorials/index.websites.html
@@ -178,6 +178,8 @@ <h2 class="ap-o-video-slider-text">Featured Videos</h2>
 
 {% do doc.styles.addCssFile('/css/components/organisms/banner.css') %}
 <section class="ap--banner">
-  <h2 class="ap-o-banner-headline">Get Involved</h2>
-  <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  <div class="ap-o-banner">
+    <h2 class="ap-o-banner-headline">Get Involved</h2>
+    <p class="ap-o-banner-copy">AMP is proudly an open source project with an active community of contributors. We welcome and appreciate documentation and translation contributions! Check out our community section to join our mission to make the web suck less.</p>
+  </div>
 </section>