diff --git a/_includes/community_snippet.html b/_includes/community_snippet.html
index e82edfd..b2278e8 100644
--- a/_includes/community_snippet.html
+++ b/_includes/community_snippet.html
@@ -1,33 +1,65 @@
 <span class="community-snippet">
   <aside>
     <div class='ui vertical footer segment snippet'>
-      <div class="container">
-        <div class='ui basic middle aligned center aligned segment' style="margin-bottom: 1rem !important;">
+      <div class="ui center aligned middle aligned grid hidden-on-tablet-and-lower" style="margin: 0 30%;">
+        <div class="four wide column" style="padding: 1rem 0;">
+          <img class='ui centered image' src='{{ site.assets_url }}img/community_logo.svg' style='width: 6rem; padding-top: 0.1rem;'>
+        </div>
+        <div class="twelve wide column" style="padding: 1.2rem 0 1rem 0;">
+          <p >
             {% if page.community_snippet_intro %}
-              <p>
+              <p >
                 {{ page.community_snippet_intro }}
               </p>
             {% else %}
-              <p style='word-spacing: 30px; margin: 0;'>
+              <p style='word-spacing: 20px;'>
                 Interested? Eager? Confused?
               <p>
             {% endif %}
+          </p>
+
+          <div class='ui clearing divider'>
         </div>
-        <div class='ui divider'></div>
-          <div class="ui center aligned basic segment">
-            <a class="ui basic button" href='{{ site.community_hub_url }}'>
-              <!-- <button class="ui basic button"> -->
-                <h2>
-                  Get involved!
-                </h2>
-                <p>
-                  Be part of the team -
-                  <span class="color-primary">
-                    join our community
-                    <i class='ui users icon'></i>
-                  </span>
-                </p>
-            <!-- </button> -->
+
+        <h2>
+          Get involved!
+        </h2>
+      </div>
+        <div class="sixteen wide column" style="padding: 0 0 1rem 0;">
+          <a href="/community-hub">
+            <button class='ui safing-primary button'>
+              Join our community
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Mobile -->
+      <div class="ui center aligned grid hidden-on-computer-and-wider " style="margin: 0;">
+        <div class="sixteen wide column" style="padding: 1rem 0 0 0;">
+          <p >
+            {% if page.community_snippet_intro %}
+              <p >
+                {{ page.community_snippet_intro }}
+              </p>
+            {% else %}
+              <p style='word-spacing: 20px;'>
+                Interested? Eager? Confused?
+              <p>
+            {% endif %}
+          </p>
+
+          <div class='ui clearing divider'>
+        </div>
+
+        <h2>
+          Get involved!
+        </h2>
+      </div>
+        <div class="sixteen wide column" style="padding: 0 0 1rem 0;">
+          <a href="/community-hub">
+            <button class='ui safing-primary button'>
+              Join our community
+            </button>
           </a>
         </div>
       </div>
diff --git a/_sass/_community.scss b/_sass/_community.scss
index 6b83b5d..e3154cc 100644
--- a/_sass/_community.scss
+++ b/_sass/_community.scss
@@ -21,43 +21,71 @@
 //     }
 //   }
 // }
-.community-snippet a {
+.community-snippet {
+  p{
+    margin: 0;
+  }
+  h2{
+    margin: 0;
+  }
+  a {
   color: $white !important;
+  }
+}
+.community-snippet .ui.mobile.only{
+  p{
+    padding: 2px 0;
+  }
+  h2{
+    padding: 5px 0 25px 0;
+  }
 }
 .community-snippet .ui.divider {
-  border-top: $primary 3px solid !important;
-  margin: 0 25%;
+  color: $primary;
+  margin: 0 14%;
+  border-top: solid !important;
+  // border-top: $primary 3px solid !important;
+  // margin: 0 25%;
 
 }
 .community-snippet .ui.basic.segment {
   margin: 0 !important;
   padding: 0 !important;
 }
-.community-snippet .ui.basic.button {
-  color: $white !important;
-  box-shadow: 0 0 0 -1px;
-  margin: 5px;
-  &:hover {
-    background-color: $secondary !important;
+// .community-snippet .ui.button {
+//   color: $white !important;
+//   background-color: $secondary !important;
+//   box-shadow: 0 0 0 -1px;
+//   margin: 5px;
+//   &:hover {
+//     background-color: $fill_dark !important;
+//
+//   }
+// }
 
-  }
-}
+.community-hub .ui.button{
+    width: 100%;
+    border-radius: 92px;
+    margin: 1rem 0;
 
-.community-hub {
-  a {
-    color: $color_mine_shaft_approx;
 
-    &:hover {
-      text-decoration: none;
-    }
 
-    &:hover > div {
-      background-color: $color_gallery_approx !important;
-      border-radius: 35px !important;
-    }
-  }
-  padding-bottom: 20px;
-  font-size: 1rem;
+
+
+  // a {
+  //   color: $color_mine_shaft_approx;
+  //
+  //   &:hover {
+  //     text-decoration: none;
+  //   }
+  //
+  //   &:hover > div {
+  //     background-color: $color_gallery_approx !important;
+  //     border-radius: 35px !important;
+     // }
+  // }
+  // padding-bottom: 20px;
+  // font-size: 1rem;
   .twitch.icon {
     color: #4b367c;
   }
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
index a085ddb..ded1814 100644
--- a/_sass/_footer.scss
+++ b/_sass/_footer.scss
@@ -1,11 +1,11 @@
 .footer-section {
   width: 100%;
-  background-color: $fill_light;
+  background-color: $background_bar;
   margin: 0 !important;
   padding: 1rem;
 
   a {
-    color: $fill_medium;
+    color: $discreet;
     &:hover {
       text-decoration: underline;
     }
diff --git a/_sass/_global.scss b/_sass/_global.scss
index d5166ff..7b0ce31 100644
--- a/_sass/_global.scss
+++ b/_sass/_global.scss
@@ -3,7 +3,7 @@ body, .ui.header, h1, h2, h3, h4, h5, h6, p {
 }
 
 .pusher {
-  background-color: $fill_light !important;
+  background-color: $background_bar !important;
 }
 
 a {
@@ -32,7 +32,7 @@ p a:hover {
   align-items: center;
 }
 .ui.segment.snippet {
-  background-color: $fill_lighter;
+  background-color: $background_bar;
   color: $white
 }
 
diff --git a/community-hub/index.html b/community-hub/index.html
index 3211925..e8880b3 100644
--- a/community-hub/index.html
+++ b/community-hub/index.html
@@ -6,12 +6,12 @@ exclude_community_snippet: true
 ---
 <div class="community-hub">
   {% for pitch in site.data.community_hub.communities %}
-    <a{% unless pitch.pending %} href="{{ pitch.url }}"{% unless pitch.internal %} target="_blank"{% endunless %}{% endunless %}>
-      <div class="ui basic segment">
+
+    <a class="ui button"{% unless pitch.pending %} href="{{ pitch.url }}"{% unless pitch.internal %} target="_blank"{% endunless %}{% endunless %}>
         {% comment %}0 = even (right text), 1 = odd (left text){% endcomment %}
         {% assign modulo = forloop.index | modulo: 2 %}
         {% include pitch.html %}
-      </div>
     <a>
+
   {% endfor %}
 </div>
diff --git a/our-values/index.md b/our-values/index.md
index e25b1cf..d1b9d0e 100644
--- a/our-values/index.md
+++ b/our-values/index.md
@@ -2,7 +2,7 @@
 layout: page_markdown
 title: our-values
 heading: Our Values
-community_snippet_intro: 'Share our values? Wanna help us shape the future?'
+community_snippet_intro: 'Share our values?'
 ---
 
 ## Privacy First