more

src/styles/homepage-b.scss

@@ -14,7 +14,7 @@
 }
 
 .pad-2 {
-  padding: 2rem 0.5rem;
+  padding: 1rem 0.5rem;
 }
 
 a {
@@ -52,6 +52,22 @@ ul.navbar-nav {
 section.section-one {
   height: 680px;
   display: flex;
+  justify-content: center;
+}
+
+.hero-top {
+  font-size: 1.9rem;
+  color: #000;
+  font-family: Roboto;
+}
+
+.hero-middle {
+  font-size: 2.8rem;
+  text-align: center;
+  color: #000;
+  font-family: Roboto;
+  font-weight: 500;
+  line-height: 3.4rem;
 }
 
 .first-section-subcontainer {
@@ -59,6 +75,13 @@ section.section-one {
   padding-left: 20px;
 }
 
+.hero-text-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 980px;
+}
+
 .text-block-1 {
   padding: 20px 0px;
 }
@@ -246,6 +269,7 @@ p.text-block-2.text-center {
   padding-left: 2px;
   font-size: 1.12rem;
 }
+
 .card-upper-box {
   display: flex;
   flex-direction: row;