Data binding and style fixes

* added portfolio, mentors and management YAML files to be used in templating
* fixed issue with landing page not working properly in mobile view
* removed annoying page style that was applied to everything
* improved text sizes in various views
* reworked mentors view styles
* rearranged landing page vector graphics to match their meaning more
* code style improvements

_sass/ourwork.scss

@@ -1,29 +1,68 @@
 #ourwork-banner {
   margin : 5rem 0;
+
+  a {
+    display         : flex;
+    justify-content : center;
+  }
+
 }
 
-.work-item {
-  padding         : 1rem;
-  display         : flex;
-  flex-direction  : column;
-  justify-content : center;
-  align-items     : center;
-  max-height      : 75vh;
+#ourwork-done {
+
+  .work-item {
+    padding        : 1rem;
+    margin         : 7rem 0;
+    display        : flex;
+    flex-direction : row;
+    max-height     : 75vh;
+
+    .description {
+      flex : 2;
+
+      h3 {
+        white-space   : nowrap;
+        overflow      : hidden;
+        text-overflow : ellipsis;
+      }
+    }
+
+    .thumbnail {
+      flex            : 3;
+      display         : flex;
+      justify-content : center;
+      align-items     : center;
+    }
+
+    img {
+      display    : block;
+      width      : auto;
+      height     : auto;
+      max-height : 50vh;
+    }
+
+    h2, h3 {
+      text-align    : center;
+      margin-bottom : 0.3rem;
+    }
 
-  img {
-    display    : block;
-    max-height : 50vh;
-    width      : auto;
-  }
-  h3, h5 {
-    text-align : center;
   }
 }
 
-@media (max-width: 900px){
-  #ourwork-banner {
-    h1 {
-      font-size: 3.6rem;
+@media (max-width : 900px) {
+
+  #ourwork-done {
+
+    .work-item {
+      flex-direction : column;
+      max-height     : none;
     }
   }
+
+  #ourwork-banner {
+    h1 {
+      font-size : 3.6rem;
+    }
+
+  }
 }