lp media queries

css/homepage.css

@@ -3,12 +3,23 @@
 }
 .region-content-home-top,
 .region-content-home-bottom {
-  display: flex;
-  flex-direction: row;
+  /*display: flex;*/
+  /*flex-direction: column;*/
   width: 100%;
   margin: 0;
   padding: 0;
-  justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+@media only screen and (min-width: 70em) {
+  .region-content-home-top,
+  .region-content-home-bottom {
+    flex-direction: row;
+    justify-content: space-between;
+  }
 }
 .region-content-home-top {
   margin-bottom: 2rem;
@@ -16,9 +27,15 @@
 
 /*block menu*/
 nav#block-vre2024-mainnavigation-2 {
-  display: block;
-  /*width:25%;*/
-  width: 250px;
+  display: none;
+}
+
+@media only screen and (min-width: 70em) {
+  nav#block-vre2024-mainnavigation-2 {
+    display: block;
+    /*width:25%;*/
+    width: 250px;
+  }
 }
 /*slideshow*/
 div#block-vre2024-views-block-frontpage-slideshow-block-1 {
@@ -28,7 +45,7 @@ div#block-vre2024-views-block-frontpage-slideshow-block-1 {
   padding: 5px;
   height: 350px;
 
-    overflow: hidden;
+  overflow: hidden;
   /*height: 350px;*/
   .field.field--name-field-media-image.field--type-image {
     height: 340px;
@@ -88,7 +105,7 @@ nav#block-vre2024-mainnavigation-2 {
       border-bottom: 1px solid #ccc;
       font-family: "Roboto Condensed", sans-serif;
       font-size: 1.2em;
-      line-height:1.3;
+      line-height: 1.3;
       i {
         margin-right: 10px;
         width: 20px;
@@ -100,3 +117,17 @@ nav#block-vre2024-mainnavigation-2 {
     }
   }
 }
+/*recent works blocks*/
+#block-vre2024-views-block-recent-publications-block-1,
+#block-vre2024-views-block-recent-publications-block-2 {
+  width: 660px;
+  border-left: 1px solid #ccc;
+  padding: 0 1rem;
+  .views-row {
+    margin-bottom: 1rem;
+    line-height: 1.4;
+  }
+  .views-field-edtf-year .field-content::before {
+    content: ">";
+  }
+}