Added who are we and vacancies

src/app/app.component.scss

@@ -1,7 +1,9 @@
 @import '../styles.scss';
 
 app-header {
-  box-shadow: 0px 15px 10px rgba(0,0,0,0.21)
+  box-shadow: 0px 15px 10px rgba(0,0,0,0.21);
+  position: relative;
+  z-index: 5;
 }
 
 .hero-container {
@@ -10,16 +12,17 @@ app-header {
   overflow: hidden;
 
   .hero {
-    transform: scale(0.7);
+    transform: scale(0.9);
     transform-origin: top left;
-    margin-top: -315px;
+    margin: 0 auto;
+    margin-top: -550px;
   }
 
   .overlay {
     background-color: rgba(255, 255, 255, 0.35);
     height: 600px;
     width: 100%;
-    top: -1250px;
+    top: -1050px;
     display: inline-block;
     position: relative;
   }
@@ -46,6 +49,10 @@ app-header {
   }
 }
 
+.bold {
+  font-weight: bold;
+}
+
 h2 {
   color: $primary-color;
   font-size: 30px;
@@ -55,13 +62,50 @@ h2 {
 .wrapper {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 20px 0;
+  padding: 20px 20px;
 }
 
 .alternate {
   background-color: $light;
 }
 
+#wiezijnwe .wrapper {
+  display: flex;
+  justify-content: space-between;
+
+  .content {
+    width: 60%;
+  }
+
+  img {
+    width: 45%;
+    margin-right: -2%;
+    margin-bottom: -50px;
+  }
+
+  span {
+    display: block;
+  }
+}
+
+#vacatures {
+  display: flex;
+  justify-content: space-between;
+
+  .content {
+    width: 60%;
+  }
+
+  img {
+    width: 45%;
+    margin-left: -2%;
+    margin-bottom: -50px;
+  }
+
+  span {
+    display: block;
+  }
+}
 
 .wrapper-contact {
   display: flex;