Removed Navigation

components/02_Molecules/_molecules.scss

@@ -1,3 +1,4 @@
 @import 'textSection/textSection';
 @import 'placeTeaser/placeTeaser';
-@import 'tagList/tagList';
+@import 'tagList/tagList';
+@import 'navigation/navigation';

components/02_Molecules/navigation/_navigation.scss

@@ -0,0 +1,46 @@
+.LP-Menu{
+    .LP-Menu__List {
+        list-style-type: none;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 0;
+        margin: 0;
+    }
+
+    .LP-Menu__Item {
+        padding: 15px 0;
+        margin: 0;
+        width: 100px;
+        text-align: center;
+        background-color: transparent;
+    }
+
+    .LP-Link__Text {
+        color: $-grey;
+        font-weight: bold;
+        text-shadow: 0px 0px 20px white;
+        &:hover{
+            color: $-wine-red;
+        }
+    }
+}
+
+@media(max-width: $-viewport-medium){
+    .LP-Menu{
+
+        .LP-Menu__List{
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start
+        }
+    }
+}
+
+@media(max-width: $-viewport-extra-small){
+    .LP-Menu{
+        .LP-Menu__List {
+            justify-content: space-between;
+        }
+    }
+}

components/03_Organisms/_organisms.scss

@@ -1,5 +1,4 @@
 @import 'header/header';
-@import 'navigation/navigation';
 @import 'placeGrid/placeGrid';
 @import 'placeList/placeList';
 @import 'linkList/linkList';

components/03_Organisms/navigation/_navigation.scss

@@ -1,24 +0,0 @@
-.LP-Menu{
-    &__List {
-        list-style-type: none;
-        display: inline-flex;
-        justify-content: space-around;
-    }
-
-    &__Item {
-        padding: 10px 15px;
-        margin: 0 15px;
-        width: 100px;
-        text-align: center;
-        background-color: transparent;
-    }
-
-    .LP-Link__Text {
-        color: $-grey;
-        font-weight: bold;
-        text-shadow: 0px 0px 20px white;
-        &:hover{
-            color: $-wine-red;
-        }
-    }
-}