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/mentors.scss

@@ -1,14 +1,74 @@
-.mentors-page-container {
+#mentors {
 
   .mentor {
-    margin-bottom: 3rem;
+    display        : flex;
+    flex-direction : row;
+    margin         : 4rem auto;
 
-    .profile-img {
-      object-fit: cover;
-      width: 300px;
-      height: 350px;
-      float: left;
-      margin-right: 2rem;
+    .photo-container {
+      flex : 1;
+
+      img {
+        display    : block;
+        height     : auto;
+        width      : 100%;
+        margin-top : 2rem;
+      }
+    }
+
+    .description {
+      flex           : 2;
+
+      display        : flex;
+      flex-direction : row;
+
+      * {
+        margin : 0.1rem 0;
+      }
+
+      h1, h4 {
+        margin : 1rem 0;
+      }
+
+      .general {
+        flex   : 2;
+        margin : 0 3rem;
+      }
+
+      .varia {
+        flex   : 3;
+        margin : 1rem 3rem 0;
+      }
+    }
+
+    .mentor-info-text {
+      flex           : 3;
+      display        : flex;
+      flex-direction : column;
+      padding-left   : 5rem;
+      padding-right  : 3rem;
+    }
+
+  }
+
+}
+
+@media (max-width : 900px) {
+  #mentors {
+    .mentor {
+      flex-direction : column;
+
+      .description {
+        flex-direction : column;
+        .general, .varia {
+          margin : 0 auto;
+        }
+      }
+      .photo-container {
+        img {
+          max-height : 75vh;
+        }
+      }
     }
   }
 }