diff --git a/src/Components/Home/HomePageB.js b/src/Components/Home/HomePageB.js
index fce5a47..bdb00ee 100644
--- a/src/Components/Home/HomePageB.js
+++ b/src/Components/Home/HomePageB.js
@@ -266,16 +266,22 @@ const HomePageB = () => {
-
{heroString}
-
{heroString2}
-
- Reclaim hours every week. Spend more time growing your practice,
- or just get home in time for dinner.
+
+
{heroString}
+
{heroString2}
+
+
+
+
+
+ Reclaim hours every week. Spend more time growing your practice,
+ or just get home in time for dinner.
+
diff --git a/src/styles/homepage-b.scss b/src/styles/homepage-b.scss
index 520fcea..9aefe21 100644
--- a/src/styles/homepage-b.scss
+++ b/src/styles/homepage-b.scss
@@ -14,7 +14,7 @@
}
.pad-2 {
- padding: 1rem 0.5rem;
+ padding: 2rem 0.5rem;
}
a {
@@ -61,6 +61,16 @@ section.section-one {
font-family: Roboto;
}
+.hero-middle-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: auto;
+ padding-top: 38px;
+ width: 800px;
+}
+
.hero-middle {
font-size: 2.8rem;
text-align: center;
@@ -68,6 +78,7 @@ section.section-one {
font-family: Roboto;
font-weight: 500;
line-height: 3.4rem;
+ width: 800px;
}
.hero-imgbox {
@@ -77,12 +88,24 @@ section.section-one {
z-index: 1;
}
-.hero-text {
- text-align: center;
- width: 650px;
- font-size: 1.5rem;
+.hero-text-box {
+ width: 100%;
+ display: flex;
+ justify-content: center;
}
+.hero-text {
+ text-align: center;
+ padding-top: 20px;
+ width: 650px;
+ font-size: 1.5rem;
+ color: #000;
+}
+
+.hero-button-box {
+ width: 100%;
+ height: 200px;
+}
.first-section-subcontainer {
padding-top: 35px;
padding-left: 20px;