improved mobile display

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -2857,7 +2857,7 @@ body.home-v2{
       }
 
       .field-name-body{
-        display:none;
+        // display:none;
         margin-top:1em;
         text-align: center;
         p{
@@ -2872,6 +2872,9 @@ body.home-v2{
           }
         }
       }
+      @media #{$small-only}{
+        margin-top: 0.5em;
+      }
     }
     &.pane-menu-menu-home-v2{
       margin:2em 0;
@@ -3056,13 +3059,21 @@ body.home-v2{
           }
         }
       }
+      &:after{
+        content:url("../img/bulle.png");
+        transform: scale(0.8);
+        position: absolute;
+        bottom:-120px;
+        right: -20px;
+        z-index:10;
+      }
       @media #{$small-only}{
         height:210px;
         margin-top: 10px;
         .pane-content{
           .field-name-field-bandeau{
-            position:absolute; width:100%; height:100%; overflow:hidden;
-            img{margin-top:0;}
+            position:absolute; width:200%; height:100%; overflow:hidden;
+            img{margin-top:-100px; margin-left:-200px;}
           }
           .group-content-wrapper{
             width:auto;
@@ -3074,16 +3085,9 @@ body.home-v2{
             }
           }
         }
-      }
-
-
-      &:after{
-        content:url("../img/bulle.png");
-        transform: scale(0.8);
-        position: absolute;
-        bottom:-120px;
-        right: -20px;
-        z-index:10;
+        &:after{
+          opacity:0.4;
+        }
       }
     }
     &.bdd{
@@ -3101,7 +3105,7 @@ body.home-v2{
 
       .group-content-wrapper{
         @include inlineblock(); width:35%;
-        background-color: rgba(255,255,255, 0.7);
+        // background-color: rgba(255,255,255, 0.7);
         padding:1em;
         @include rounded(5px);
         .field-name-title-field{
@@ -3125,6 +3129,15 @@ body.home-v2{
         bottom:-50px;
         left:   -50px;
       }
+
+      @media #{$small-only}{
+        height:auto;
+        .field-name-field-bandeau{
+          width:100%; display:block; height:310px; overflow:hidden;
+        }
+        .group-content-wrapper{display:block; width:100%; z-index:1;}
+        &:after{opacity:0.6; z-index:0;}
+      }
     }
 
     &.formations{
@@ -3212,6 +3225,11 @@ body.home-v2{
           h1{display:none;}
         }
       }
+      @media #{$small-only}{
+        .view-publication-home-v2{
+          .views-row{display:block; width:90%; margin-bottom: 1em;}
+        }
+      }
     }
   }
   //mini panneau news
@@ -3224,19 +3242,22 @@ body.home-v2{
     // .panel-col-last{width:29.9%;}
     h2{font-size: 30px;}
 
-    #mini-panel-news_home_v2 .center-wrapper{
-      @include grid-row();
-      .panel-panel{
-        overflow:hidden;
-        @include grid-column(4);
-        // width:32.8%;
-        padding:0em; margin-left:1em;
-        &.panel-col-first{width:auto;}
-        &:not(.panel-col-first){width:31%;}
-        .inside{margin:0;}
-        article.node,  article.node-breve.vm-cardbig{margin:0; height:610px;}
+    @media #{$medium-up}{
+      #mini-panel-news_home_v2 .center-wrapper{
+        @include grid-row();
+        .panel-panel{
+          overflow:hidden;
+          @include grid-column(4);
+          // width:32.8%;
+          padding:0em; margin-left:1em;
+          &.panel-col-first{width:auto;}
+          &:not(.panel-col-first){width:31%;}
+          .inside{margin:0;}
+          article.node,  article.node-breve.vm-cardbig{margin:0; height:610px;}
+        }
       }
     }
+
     #mini-panel-news_home_v2 .panel-col-bottom{
       @include grid-row(); margin-top: 1.5em; margin-bottom: 1.5em;
       >.inside{
@@ -3260,8 +3281,6 @@ body.home-v2{
       #edit-subscribe, #edit-unsubscribe{@include inlineblock();}
     }
 
-
-
     // .view-news-home-v2{
     //   .views-row{@include inlineblock();}
     // }
@@ -3293,11 +3312,17 @@ body.home-v2{
       bottom:20px;
       right: 10px;
     }
+
+    @media #{$small-only}{
+      background-color: transparent;
+      #mini-panel-news_home_v2 .center-wrapper{
+        .panel-panel.panel-col-first{max-width:100%;}
+        .panel-panel:not(.panel-col-first){display:none;}
+      }
+      &:after{z-index: -1; opacity:0.4;}
+    }
   }
-
-
-
-}
+} // homeV2