From c7186ca567735d04a537b2f9c91572cb257f5b5e Mon Sep 17 00:00:00 2001
From: Will O'Beirne <wbobeirne@gmail.com>
Date: Tue, 26 Feb 2019 16:36:07 -0500
Subject: [PATCH] Responsive for other sections.

---
 frontend/client/components/Home/Actions.less  | 22 +++++++++++++
 frontend/client/components/Home/Guide.less    | 17 ++++++++++
 frontend/client/components/Home/Requests.less | 32 ++++++++++++++++++-
 3 files changed, 70 insertions(+), 1 deletion(-)

diff --git a/frontend/client/components/Home/Actions.less b/frontend/client/components/Home/Actions.less
index 64ba0cba..42dd5a09 100644
--- a/frontend/client/components/Home/Actions.less
+++ b/frontend/client/components/Home/Actions.less
@@ -42,4 +42,26 @@
       }
     }
   }
+
+  @media @tablet-query {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+
+    &-title {
+      margin-bottom: 2.4rem;
+      font-size: 1.8rem;
+    }
+
+    &-buttons {
+      flex-direction: column;
+
+      &-button {
+        width: 100%;
+        max-width: 280px;
+        margin: 0 0 1rem;
+        height: 3.4rem;
+        font-size: 1.1rem;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/frontend/client/components/Home/Guide.less b/frontend/client/components/Home/Guide.less
index 9509ec71..f9f7b96a 100644
--- a/frontend/client/components/Home/Guide.less
+++ b/frontend/client/components/Home/Guide.less
@@ -18,6 +18,10 @@
     font-size: 2.8rem;
     color: #FFF;
     text-align: center;
+
+    @media @tablet-query {
+      font-size: 2.4rem;
+    }
   }
 
   &-items {
@@ -55,6 +59,19 @@
           }
         }
       }
+
+      @media @tablet-query {
+        &-icon {
+          width: 6rem;
+          margin: 0 0 0 2rem;
+        }
+
+        &:nth-child(odd) {
+          .HomeGuide-items-item-icon {
+            margin: 0 2rem 0 0;
+          }
+        }
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/frontend/client/components/Home/Requests.less b/frontend/client/components/Home/Requests.less
index dc222b2b..3b5fdace 100644
--- a/frontend/client/components/Home/Requests.less
+++ b/frontend/client/components/Home/Requests.less
@@ -1,3 +1,5 @@
+@import '~styles/variables.less';
+
 .HomeRequests {
   display: flex;
   justify-content: center;
@@ -8,10 +10,18 @@
   margin: 0 auto 6rem;
   position: relative;
 
+  @media @thin-query {
+    flex-direction: column;
+  }
+
   &-divider {
     width: 100%;
     margin-bottom: 5rem;
     border-bottom: 1px solid rgba(#000, 0.08);
+
+    @media @thin-query {
+      margin-bottom: 2rem;
+    }
   }
 
   &-text {
@@ -20,7 +30,7 @@
     border-right: 1px solid rgba(#000, 0.08);
 
     &-title {
-      font-size: 2rem;
+      font-size: 1.8rem;
       margin-bottom: 1rem;
     }
 
@@ -28,6 +38,21 @@
       font-size: 1.1rem;
       opacity: 0.8;
     }
+
+    @media @thin-query {
+      width: auto;
+      padding: 0 0 2rem 0;
+      border-right: none;
+      border-bottom: 1px solid rgba(#000, 0.08);
+
+      &-title {
+        font-size: 1.6rem;
+      }
+
+      &-description {
+        font-size: 1rem;
+      }
+    }
   }
 
   &-content {
@@ -38,5 +63,10 @@
     .RFPItem {
       margin-bottom: 0.5rem;
     }
+
+    @media @thin-query {
+      width: 100%;
+      padding: 2rem 0 0;
+    }
   }
 }
\ No newline at end of file