diff --git a/_sass/components/_toolkit.scss b/_sass/components/_toolkit.scss
index 32860c2deb..d2230fbe4a 100644
--- a/_sass/components/_toolkit.scss
+++ b/_sass/components/_toolkit.scss
@@ -1,4 +1,18 @@
 .toolkit-header {
+    display: flex;
+    justify-content: center;
+
+    &__text {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        margin-right: 5rem;
+
+        h1 {
+            margin-top: 2.25rem;
+            margin-bottom: 3.125rem;
+        }
+    }
 
     &__text-group {
         display: flex; 
@@ -12,17 +26,15 @@
     &__banner-item {
         margin-block-end: 0;
         font-weight: 300;
-        font-size: 1.5rem;
+        font-size: 1.25rem;
         margin: 0 4.5rem;
     }
     
     &__p {
-        font-size: 27px;
-        max-width: 895px;
+        font-size: 1.125rem;
+        max-width: 508px;
         text-align: left;
-        padding: 30px;
         margin: 12px auto;
-
     }
 
     &__hero-image {
@@ -32,8 +44,35 @@
 }
 
 .toolkit-svg {
-    width: 45%;
-    height: 60%;
+    width: auto;
+    height: 240px;
+}
+
+@media(max-width: 850px) {
+    .toolkit-header {
+        flex-flow: column;
+
+        &__text {
+            margin-right: 0;
+
+            h1 {
+                margin-bottom: 0.4rem;
+            }
+        }
+
+        &__p {
+            margin-bottom: 0;
+        }
+
+        &__hero-image {
+            margin: 10px 0;
+        }
+    }
+
+    .header-container {
+        padding: 2rem;
+        margin-top: 10%;
+    }
 }
 
 .toolkit-background {
@@ -65,6 +104,7 @@
     padding-left: 2rem;
     padding-right: 2rem;
     align-items: stretch;
+    justify-content: center;
 }
 
 .outer-link {
@@ -73,12 +113,11 @@
 
 .toolkit-flex-item {
     position: relative;
-    max-width: 24.5rem;
+    max-width: 23rem;
     padding: 0rem;
     height: auto;
     margin: 1.2rem 1rem;
     overflow: hidden;
-
 }
 
 .toolkit-flex-item-img-container {
@@ -163,10 +202,6 @@
         }
     }
 
-    .toolkit-svg {
-        width: 75%;
-    }
-
     .suggest-guide-group {
         padding-left: 0rem;
         padding-right: 0rem;
@@ -235,4 +270,4 @@
             margin-bottom: 1rem;
         }
     }
-}  
\ No newline at end of file
+}  
diff --git a/toolkit.html b/toolkit.html
index 57ff8b3dcb..20f493cb85 100644
--- a/toolkit.html
+++ b/toolkit.html
@@ -3,10 +3,12 @@
 title: Toolkit
 --- 
 <div class="toolkit-header header-container">
-    <h1>Our Toolkit</h1>
-    <p class="toolkit-header__p">Toolkit implies that there is one set of tools that is perfect for the job you are tackling!
-What you will find here are tools we have found to be effective. Think of this as the most awesome collective tool shed!
-Here you can find, share, and suggest tools that are of use to the open source civic tech software community.</p>
+    <div class="toolkit-header__text">
+        <h1>Our Toolkit</h1>
+        <p class="toolkit-header__p">Toolkit implies that there is one set of tools that is perfect for the job you are tackling!
+            What you will find here are tools we have found to be effective. Think of this as the most awesome collective tool shed!
+            Here you can find, share, and suggest tools that are of use to the open source civic tech software community.</p>
+    </div>
     <div class="toolkit-header__hero-image">
         {% include svg/toolkit-hero.svg %}
     </div>