Add a better dynamic gradient

diff --git a/index.html b/index.html
index adc3629..7d0b1b3 100644
--- a/index.html
+++ b/index.html
@@ -77,8 +77,8 @@
   </div>
   <!-- Begin page content -->
   <div class="container-fluid">
-    <div class="row cover top">
-      <div class="col-xs-12" style="padding:0">
+    <div class="row cover top" style="	background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0.0), rgba(22, 22, 22, 1.0));	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
+      <div class="col-xs-12" style="	max-height: 120%;">
         <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible; color: #fff;">
           <div class="col-md-12" align="center">
             <div class="row">
@@ -117,7 +117,7 @@
           </div>
         </div>
         <div class="row">
-          <div class="col-xs-12 center-block text-center" style="overflow-y:visible; color: #fff;">
+          <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>
         </div>