A couple more changes
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">