From 13f21d5336f41f5cca288a6e6fd4fa5af24f05b0 Mon Sep 17 00:00:00 2001
From: sjyothi54 <sjyothi@newrelic.com>
Date: Mon, 9 May 2022 12:52:06 +0530
Subject: [PATCH] bug fixing

---
 .../components/GlobalHeader.js                 |  2 +-
 src/components/LandingPageFooter.js            |  3 +--
 src/components/PageLayout/Header.js            |  1 -
 src/components/QuickstartOverview.js           |  4 ----
 src/components/styles.scss                     | 18 ++++++++++++++++++
 5 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js b/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
index 5ed29090..39929529 100644
--- a/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
+++ b/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
@@ -418,7 +418,7 @@ const GlobalHeader = ({ className, activeSite }) => {
             width: 100vw;
             height: 100vh;
             background-color: var(--color-white);
-            z-index: 1;
+            z-index: 10;
 
             @media screen and (min-width: ${NAV_BREAKPOINT}) {
               display: none;
diff --git a/src/components/LandingPageFooter.js b/src/components/LandingPageFooter.js
index b152191e..e4a22510 100644
--- a/src/components/LandingPageFooter.js
+++ b/src/components/LandingPageFooter.js
@@ -31,7 +31,7 @@ const LandingPageFooter = ({
 
           @media (min-width: 760px) {
             h6 {
-              margin-bottom: 66px;
+              margin-bottom: 34px;
               font-weight: 400;
             }
             .collaborate-section {
@@ -161,4 +161,3 @@ LandingPageFooter.propTypes = {
 };
 
 export default LandingPageFooter;
-
diff --git a/src/components/PageLayout/Header.js b/src/components/PageLayout/Header.js
index f3034c25..4eb24aba 100644
--- a/src/components/PageLayout/Header.js
+++ b/src/components/PageLayout/Header.js
@@ -11,7 +11,6 @@ const Header = ({ children, className }) => (
       flex-wrap: wrap;
       align-items: baseline;
       justify-content: space-between;
-      border-bottom: 1px solid var(--divider-color);
       padding-bottom: 1rem;
 
       @media screen and (max-width: 1080px) {
diff --git a/src/components/QuickstartOverview.js b/src/components/QuickstartOverview.js
index 109eb7dc..b9a5e724 100644
--- a/src/components/QuickstartOverview.js
+++ b/src/components/QuickstartOverview.js
@@ -46,10 +46,6 @@ const QuickstartOverview = ({ quickstart }) => {
             css={css`
               @media screen and (max-width: 760px) {
                 width: fit-content;
-                margin: 40px 70px 40px 58px;
-              }
-              @media screen and (min-width: 760px) {
-                margin: 104px 155px 104px 168px;
               }
             `}
           >
diff --git a/src/components/styles.scss b/src/components/styles.scss
index 655bea06..54c0053e 100644
--- a/src/components/styles.scss
+++ b/src/components/styles.scss
@@ -27,6 +27,24 @@ h4,h5,h6,p{
 h6{
   font-size:24px;
 }
+@media (max-width: 760px) {
+  h3 {
+    line-height: 40px;
+    font-size: 36px;
+  }
+  h6 {
+    line-height: 32px;
+  }
+}
+@media (min-width: 760px) {
+  h3 {
+    line-height: 50px;
+    font-size: 44px;
+  }
+  h6 {
+    line-height: 30px;
+  }
+}
 p{
   font-size:18px;
 }