Merge pull request 'fix menu header small screens' (#39) from fix/header into develop

Reviewed-on: #39

asset/scss/modules/_content.scss

@@ -100,7 +100,7 @@ main {
         max-width: 50rem;
       }
       @include breakpoint(xlarge){
-        max-width: 50rem;
+//        max-width: 50rem;
       }
     }
 }
@@ -207,12 +207,12 @@ main {
     padding: 0;
     margin: 0;
     article {
-      @include card-container();
+      @include breakpoint(small){
+        @include card-container();
         @include xy-cell();
         width: 100%;
         padding: 0;
         margin: 0;
-      @include breakpoint(small){
         font-size: $global-font-size*0.7;
       }
       @include breakpoint(medium){
@@ -220,7 +220,6 @@ main {
       }
       @include breakpoint(large){
       }
-      margin-bottom:0;
     }
   }
   .accordion-content {
@@ -306,13 +305,13 @@ main {
     @include xy-grid();
     .slide {
       @include xy-grid;
-      justify-content: center;
-      overflow: hidden;
-      padding: 0;
       @include breakpoint(small){
         width: 100vw;
+        overflow: hidden;
+        padding: 0;
         margin: 0;
-      //  padding: $global-padding * 3;
+        justify-content: center;
+        color: $white;
         .textwidget {
         }
       }
@@ -327,8 +326,8 @@ main {
       @include breakpoint(large){
         width: 50%;
         height: calc((50vw*9)/16);
-        padding: 0;
-        margin: 0;
+        //padding: 0;
+        //margin: 0;
         //overflow:hidden;
         a {
           @include flex;
@@ -359,7 +358,6 @@ main {
         background-color: $primary-color;
         font-variant:all-small-caps;
       }
-      color: $white;
 
       .logo {
         @include breakpoint(medium){
@@ -375,8 +373,22 @@ main {
       @include xy-cell(auto);
       @include flex;
       @include flex-align(spaced,middle);
-      min-height: 6rem;
-      padding: $global-padding 0 ;
+      @include breakpoint(small) {
+        flex-direction: column;
+        min-height: unset;
+        padding: $global-padding;
+        .menu, .menu.horizontal {
+          justify-content: center;
+        }
+      }
+      @include breakpoint(large) {
+        flex-direction: row;
+        min-height: $global-padding * 6;
+        padding: $global-padding 0 ;
+        .menu, .menu.horizontal {
+          justify-content: unset;
+        }
+      }
       a {
         color: $body-font-color;
       }