diff --git a/css/style.css b/css/style.css
index b3aea8e..aba0c69 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,7 +13,7 @@
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
-   background-position: center !important;
+   /* background-position: center !important; */
    background-size: cover !important;
   }
 
diff --git a/index.html b/index.html
index 7d0b1b3..bee6352 100644
--- a/index.html
+++ b/index.html
@@ -117,8 +117,8 @@
           </div>
         </div>
         <div class="row">
-          <div class="col-xs-12 center-block text-center" style="	overflow-y: visible;	color: #fff;	transform: translateY(60px);	max-width: 100%;	min-width: 100%;">
-            <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" style="color: #fff;" aria-hidden="true"></span></a>
+          <div class="col-xs-12 center-block text-center" style="overflow-y: visible; color: rgb(255, 255, 255); transform: translateY(60px);">
+            <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" style="	color: #fff;	transform:  translateY(-100%) ;" aria-hidden="true"></span></a>
           </div>
         </div>
       </div>
@@ -742,7 +742,7 @@
     </div>
   </div>
   <div class="row">
-    <div id="family-lt" class="row cover bottom text-center section">
+    <div id="family-lt" class="row cover bottom text-center section" style="	background-image: linear-gradient(to bottom, rgba(22,22,22,0.3), rgba(22,22,22,0.8));	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
       <div class="container">
         <img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png">
         <div class="container">