diff --git a/Dependencies/CSS/better.css b/Dependencies/CSS/better.css
index 34c215f..99ebe30 100755
--- a/Dependencies/CSS/better.css
+++ b/Dependencies/CSS/better.css
@@ -9,12 +9,27 @@
 .sector {
     background-position: center;
     background-size: 50vh;
-    height: 100vh;
+    min-height: 100vh;
+    max-height: 100vh;
+    overflow: scroll;
 }
-.sector > .row {
-    color: grey;
+
+/*scrolling things of amazingness*/
+.sector::-webkit-scrollbar {
+    width: 8px;
 }
 
+.sector::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
+    border-radius: 6px;
+}
+
+.sector::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
+}
+/*scrolling things of amazingness END*/
+
 .yhd-title {
     padding-top: 150px;
     background-image: url(../../yhdassets/DSC_0003.JPG);
diff --git a/index.html b/index.html
index c73a5cf..a1ac0f4 100755
--- a/index.html
+++ b/index.html
@@ -19,15 +19,15 @@
     </head>
 
 <body>
-    <div class="masthead clearfix">
-        <div class="inner">
-            <h3 class="masthead-brand">Photo Atlas</h3>
-            <nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav>
-        </div>
-    </div>
     <!--find this all a bit convoluted (and slightly "not needed") since it was all example might change it some time i.e can be simplified-->
-    <div class="site-wrapper intro">
-        <div class="site-wrapper-inner">
+    <div class="site-wrapper">
+        <div class="site-wrapper-inner intro">
+            <div class="masthead clearfix">
+                <div class="inner">
+                    <h3 class="masthead-brand">Photo Atlas</h3>
+                    <nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="#yhd">Harrison</a> </nav>
+                </div>
+            </div>
             <div class="cover-container">
                 <div class="inner cover">
                     <h1 class="cover-heading">Digital Photography</h1>
@@ -36,7 +36,7 @@
                 </div>
                 <div class="mastfoot">
                     <div class="inner">
-                        <p>Copyright &copy; 2016 Harrison and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p>
+                        <p>Copyright &copy; 2016 <a href="https://highdef.bitbucket.io/">Harrison</a> and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p>
                     </div>
                 </div>
             </div>
