From 62517caa4d4d9adfa77d98cc9d3ccad6b6f78877 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Thu, 2 Dec 2021 15:28:59 -0600
Subject: [PATCH] Add bg color, padding top on mobile

---
 web/components/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/hero.tsx b/web/components/hero.tsx
index 8576b66b..89c77f4e 100644
--- a/web/components/hero.tsx
+++ b/web/components/hero.tsx
@@ -8,7 +8,7 @@ const navigation = [
 
 export const Hero = () => {
   return (
-    <div className="relative overflow-hidden h-screen bg-world-trading bg-cover">
+    <div className="relative overflow-hidden h-screen bg-world-trading bg-cover bg-gray-900">
 	  {/* <div className="absolute w-full h-full overflow-hidden bg-world-trading bg-cover bg-gray-900 z--1" /> */}
 
       <Popover as="header" className="relative">
@@ -36,7 +36,7 @@ export const Hero = () => {
       </Popover>
 
       <main>
-        <div className="pt-10 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
+        <div className="pt-40 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
           <div className="mx-auto max-w-7xl lg:px-8">
             <div className="lg:grid lg:grid-cols-2 lg:gap-8">
               <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">