Added base layout and linking

src/app/app.component.scss

@@ -1,3 +1,4 @@
+@import '../styles.scss';
 
 app-header {
   box-shadow: 0px 15px 10px rgba(0,0,0,0.21)
@@ -24,3 +25,60 @@ app-header {
   }
 }
 
+.hero-container2 {
+  width: 100%;
+  height: 350px;
+  overflow: hidden;
+
+  .hero {
+    transform: scale(0.4);
+    transform-origin: top left;
+    margin-top: -730px;
+  }
+
+  .overlay {
+    background-color: rgba(255, 255, 255, 0.35);
+    height: 600px;
+    width: 100%;
+    top: -3100px;
+    display: inline-block;
+    position: relative;
+  }
+}
+
+h2 {
+  color: $primary-color;
+  font-size: 30px;
+  font-weight: bold;
+}
+
+.wrapper {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px 0;
+}
+
+.alternate {
+  background-color: $light;
+}
+
+
+.wrapper-contact {
+  display: flex;
+  padding: 20px 0;
+
+  div {
+    width: 50%;
+  }
+}
+
+.footer {
+  width: 100%;
+  padding-top: 50px;
+  padding-bottom: 70px;
+  text-align: center;
+
+  span {
+    font-size: 20px;
+  }
+}