Home page styling updates:

- Update copy
- Update menu description section

styles/core/_variables.scss

@@ -17,6 +17,7 @@ $usa-banner-height: 2.8rem;
 $sidenav-expanded-width: 25rem;
 $sidenav-collapsed-width: 10rem;
 $max-panel-width: 80rem;
+$home-pg-icon-width: 6rem;
 
 /*
  * USWDS Variables

styles/elements/_icons.scss

@@ -94,4 +94,19 @@
   &--primary {
     @include icon-color($color-primary);
   }
+
+  &--home-pg-badge {
+    @include icon-size(27);
+    @include icon-color($color-white);
+
+    background-color: $color-primary;
+    height: $home-pg-icon-width;
+    width: $home-pg-icon-width;
+    border-radius: 100%;
+    display: inline-flex;
+
+    svg {
+      margin: auto;
+    }
+  }
 }

styles/sections/_home.scss

@@ -2,48 +2,23 @@
   .sticky-cta {
     margin: -1.6rem -1.6rem 0 -1.6rem;
   }
-}
 
-.about-cloud {
-  margin: 4rem auto;
-  max-width: 900px;
-}
+  &__content {
+    margin: 4rem auto;
+    max-width: 900px;
 
-.your-project {
-  margin-top: 3rem;
-  padding: 3rem;
-  background-color: $color-gray-lightest;
+    &--descriptions {
+      .col {
+        margin-left: $home-pg-icon-width;
+        padding: ($gap * 2) ($gap * 4);
+        position: relative;
 
-  h2 {
-    margin-top: 0;
-  }
-
-  .links {
-    justify-content: flex-start;
-
-    .icon-link {
-      padding: $gap ($gap * 4);
-
-      &:first-child {
-        padding-left: 0;
-      }
-
-      &:last-child {
-        padding-right: 0;
-      }
-
-      &:hover {
-        background-color: transparent;
-        color: $color-gray-dark;
-
-        .svg * {
-          fill: $color-gray-dark;
+        .icon--home-pg-badge {
+          position: absolute;
+          left: -$home-pg-icon-width;
+          top: $gap * 3;
         }
       }
-
-      &.active:hover {
-        color: $color-blue;
-      }
     }
   }
 }
@@ -112,8 +87,3 @@
     }
   }
 }
-
-#jedi-heirarchy {
-  max-width: 65rem;
-  margin-top: $gap * 8;
-}