Fix the css selector for hero section

Author: Sukhpreet-s

app/assets/stylesheets/landing_page.scss

@@ -18,6 +18,11 @@
       }
     }
   }
+
+  .hero-subcontainer {
+    height:60vh; 
+    min-height: 500px
+  }
 }
 
 .container-fluid {
@@ -49,8 +54,3 @@
     width: 300px;
   }
 }
-
-#get-in-touch {
-  height:60vh; 
-  min-height: 500px
-}

app/views/static/index.html.erb

@@ -36,7 +36,7 @@
       </nav>
     </div>
 
-    <div class="container-fluid px-4 text-white" id="get-in-touch">
+    <div class="hero-subcontainer container-fluid px-4 text-white">
       <div class="row h-100 align-items-center">
         <div class="col-12 col-lg-7">
           <div class="d-flex flex-column align-items-center align-items-lg-start text-center">