.

public/css/app.css

@@ -58,6 +58,13 @@ a {
   padding-top: 20px;
 }
 
+header {
+  position: fixed;
+  width: 100%;
+  border-top: 5px solid #24469B;
+  background-color: white;
+}
+
 .intro-image-box {
   background: url("/images/middle-img.png");
   background-size: cover;
@@ -110,7 +117,7 @@ a {
 }
 
 .main-portfolio {
-  padding: 40px 0px;
+  padding: 150px 0px 40px;
 }
 
 .portfolio {

resources/sass/app.scss

@@ -16,6 +16,12 @@ $font-sizes: 52;
 .solar-header{
     padding-top:20px;
 }
+header{
+    position:fixed;
+    width: 100%;
+    border-top:5px solid #24469B;
+    background-color: white;
+}
 
 .intro-image-box{
     background: url('/images/middle-img.png');
@@ -66,7 +72,7 @@ $font-sizes: 52;
     padding-bottom:40px;
 }
 .main-portfolio{
-    padding:40px 0px;
+    padding:150px 0px 40px;
 }
 .portfolio{
     cursor: pointer;