From ba5ce377311dee7ce38b20078a7a009c7c818701 Mon Sep 17 00:00:00 2001
From: Akash Hadagali <akashc777@gmail.com>
Date: Sat, 15 May 2021 02:56:54 +0530
Subject: [PATCH] made responsive for mobile

Signed-off-by: Akash Hadagali <akashc777@gmail.com>
---
 docs/_sass/mailing-list.scss | 31 +++++++++++++++++--------------
 docs/assets/css/main.scss    |  2 +-
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/docs/_sass/mailing-list.scss b/docs/_sass/mailing-list.scss
index ec509428..2b623e7a 100644
--- a/docs/_sass/mailing-list.scss
+++ b/docs/_sass/mailing-list.scss
@@ -1,27 +1,29 @@
 .mailing-section {
     background: #1e2117;
     color: white;
-    
+    padding: 162px 0;
+    @media #{$mobile} {
+        padding: 87px 0;
+    }
 
-    a, a:hover, a:focus, a:active{
+    a,
+    a:hover,
+    a:focus,
+    a:active {
         text-decoration: none;
         color: inherit;
     }
-    
-    
+
     .mailinglist-main {
-        margin: 62px auto;
         position: relative;
         display: flex;
-   flex-direction: column;
-    align-items: center;
+        flex-direction: column;
+        align-items: center;
 
         .mailinglist-text {
-        
-            
             margin-bottom: 40px;
             display: block;
-            span{
+            span {
                 font-size: 34px;
             }
 
@@ -30,8 +32,6 @@
                 margin: 0 3rem;
                 color: white;
                 font-size: 20px;
-                
-                
             }
         }
 
@@ -40,7 +40,7 @@
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
-            
+
             .mailinglist-join-button {
                 display: flex;
                 justify-content: center;
@@ -50,11 +50,14 @@
                 height: 56px;
                 border-radius: 5px;
                 margin: 2rem 0 0;
-                
             }
 
             .mailinglist-join-button:not(:first-child) {
                 margin-left: 1rem;
+                @media #{$mobile} {
+                    margin-left: 0;
+                    
+                }
             }
         }
     }
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index 6a746572..1460d3cb 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -1,6 +1,6 @@
 ---
 ---
-
+@import "variables.scss";
 @import "getnighthawk.scss";
 @import "faq.scss";
 @import "getnighthawk-purpose.scss";