1 files changed, 60 insertions, 0 deletions
diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss
index 6ce1db0..94ad1a1 100644
--- a/assets/stylesheets/responsive/custom.scss
+++ b/assets/stylesheets/responsive/custom.scss
@@ -786,3 +786,63 @@ li:nth-child(3) {
 }
 
 
+.homepage-hero {
+  background-color: $color_black;
+  background-image: image-url('homepage-background-small.jpg');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  color: $color_white;
+  padding: 2em 0 5em;
+  position: relative;
+  @include respond-min($main_menu-mobile_menu_cutoff) {
+    padding: 5em 0 8em;
+    background-image: image-url('homepage-background.jpg');
+  }
+
+  a {
+    color: $color_yellow;
+    &:hover,
+    &:active,
+    &:focus {
+      color: $color_white;
+    }
+  }
+
+  .button {
+    color: $color_white;
+    background-color: $color_yellow;
+    border-color: darken($color_yellow, 15%);
+    color: $color_black;
+    transition: color 300ms ease-out;
+    &:hover,
+    &:active,
+    &:focus {
+      color: $color_white;
+      background-color: $color_blue;
+      border-color: darken($color_blue, 15%);
+      transition: color 300ms ease-out;
+    }
+  }
+}
+
+.intro__title {
+  color: $color_white;
+  text-shadow: 0 1px 2px transparentize($color_black, 0.7);
+}
+
+.new-request__content {
+  background-color: $color_black;
+  border-radius: 5px;
+  padding: 1.888888889em;
+}
+
+.new-request__title {
+  color: $color_white;
+  font-size: 1.4375em;
+  margin: 0 0 0.5em;
+}
+
+.new-request__description {
+  color: transparentize($color_white, 0.2);
+}