Merge pull request #876 from dod-ccpo/home-page

Home page

styles/components/_global_layout.scss

@@ -23,7 +23,6 @@ body {
 
   .global-panel-container {
     margin: $gap;
-    max-width: $site-max-width;
     flex-grow: 1;
     -ms-flex-negative: 1;
 

styles/components/_sticky_cta.scss

@@ -1,4 +1,6 @@
 .sticky-cta {
+  z-index: 100;
+
   @include media($small-screen) {
     margin-left: -$gap * 4;
   }

styles/elements/_typography.scss

@@ -12,8 +12,6 @@
 p {
   margin: 0 0 ($gap * 2) 0;
 
-  @include line-max;
-
   &.centered {
     margin-left: auto;
     margin-right: auto;

styles/sections/_home.scss

@@ -1,3 +1,54 @@
+.home {
+  .sticky-cta {
+    margin: -1.6rem -1.6rem 0 -1.6rem;
+  }
+}
+
+.about-cloud {
+  margin-top: 4rem;
+  margin-left: 2rem;
+
+  max-width: 900px;
+}
+
+.your-project {
+  margin-top: 3rem;
+  padding: 3rem;
+  background-color: $color-gray-lightest;
+
+  h2 {
+    margin-top: 0;
+  }
+
+  hr {
+    border: 0;
+    border-bottom: 1px solid $color-gray-light;
+    margin-top: $gap * 4;
+    margin-bottom: $gap * 4;
+  }
+
+  .links {
+    justify-content: normal;
+
+    .icon-link:first-child {
+      padding-left: 0;
+    }
+
+    .icon-link:hover {
+      background-color: transparent;
+      color: $color-gray-dark;
+
+      .svg * {
+        fill: $color-gray-dark;
+      }
+    }
+
+    .icon-link.active:hover {
+      color: $color-blue;
+    }
+  }
+}
+
 .home-layout {
   display: block;
   background-color: $color-white;