css aside

web/themes/custom/reha/scss/global/_layout.scss

@@ -9,7 +9,6 @@ $width-menu-slidedown : 550px;
     font-family: 'Marianne';
     font-weight: 400;
     font-style: normal;
-    margin: none;
     top: 0%;
     left: 0%;
     width: 100%;
@@ -20,24 +19,34 @@ $width-menu-slidedown : 550px;
     header{
         flex: 0 0 100%;
     }
-    main{
-        position: relative;
-        // top: -7rem;
-    }
+    // main{
+    //     // position: relative;
+    //     // top: -7rem;
+    // }
     footer{
         flex: 0 0 100%;
     }
 }
 
 .layout-content{
+    order: 2;
     padding-top: 3rem;
     padding-bottom: 6rem;
-    width: 60%;
+    width: 70%;
     margin: auto;
 }
-
+aside{
+    width: 20%;
+    order: 1;
+    margin-top: 5rem;
+    margin-left: 10rem;
+}
 main{
     width: 100%;
+    display: flex;
+    flex-direction: row;
+    position: relative;
+
 }
 
 .main-content{