diff --git a/src/app/app.component.css b/src/app/app.component.css
index 6f4bd81..49bed05 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -8,6 +8,16 @@ li {
   margin-right: 10px;
 }
 
+.navigation button {
+  font-weight: bold;
+}
+
+ button:hover , button:focus {
+  background-color: purple;
+  color: aliceblue;
+  font-weight: bold;
+}
+
 img {
   height: auto;
   width: 141px;
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 15a23ca..3ee728d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -47,8 +47,9 @@
   </div>
 </div>
 
-<span *ngIf="isContentShown">
-  <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
+
+<span *ngIf="isContentShown" class="">
+  <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3 navigation">
     <div class="container-fluid">
       <div class="ml-auto">
         <img src="../assets/logo.png" alt="Neurodiversit in Buisness Logo" />
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 79eed90..19ae1ac 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -1,17 +1,26 @@
 .danquote {
-  font-size: 30px;
+  font-size: 20px;
   font-weight: bold;
   font-style: italic;
 }
 
 #introText {
-  text-align: left;
+  text-align: center;
 }
 
+
 h1,
 h2 {
   font-family: "Montserrat", Sans-serif;
+  font-weight: bold;
   background: #9b51e0;
   color: white;
   font-style: bold;
+  text-align: left;
+  padding: 40px;
 }
+
+.blurbs {
+  text-align: center;
+}
+
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 3f70a3d..fdef639 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,9 +1,9 @@
 <hr />
-<div class="container-fluid" style="text-align: center">
+<div class="container-fluid">
   <div class="row">
-    <div class="col">
-      <h1>Neurodiversity in Buisness</h1>
-    </div>
+
+      <h1>Neurodiversity in Business (NiB)</h1>
+
   </div>
 
   <div class="row">
@@ -22,8 +22,8 @@ <h1>Neurodiversity in Buisness</h1>
       </p>
     </div>
 
-    <div class="col">
-      <iframe
+    <div class="col" style="text-align: center;">
+      <iframe 
         title="Neurodiversity in Buisness outube Introduction with Dan Harris"
         width="420"
         height="315"
@@ -59,7 +59,7 @@ <h1>Neurodiversity in Buisness</h1>
 </div>
 
 <hr />
-<div class="container-fluid">
+<div class="container-fluid" class="blurbs">
   <div class="row">
     <h2>Who We Are</h2>
   </div>
@@ -104,7 +104,7 @@ <h3>Existing ND Groups</h3>
   </div>
 </div>
 
-<div class="container-fluid">
+<div class="container-fluid" class="blurbs">
   <div class="row">
     <h2>We Will Support</h2>
   </div>
diff --git a/src/styles.css b/src/styles.css
index e5582b4..320afde 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,14 +1,6 @@
 /* Remove the navbar's default margin-bottom and rounded borders */
 
-h1 {
-  font-family: "Montserrat", Sans-serif;
-  background: #9b51e0;
-  color: white;
-  font-style: bold;
-}
-h2 {
-  font-family: "Montserrat", Sans-serif;
-}
+
 
 .navbar {
   margin-bottom: 0;