lp media queries

css/homepage.css

@@ -3,23 +3,40 @@
 }
 .region-content-home-top,
 .region-content-home-bottom {
-  display: flex;
-  flex-direction: row;
+  /*display: flex;*/
+  /*flex-direction: column;*/
   width: 100%;
   margin: 0;
   padding: 0;
+  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;
 }
 
 /*block menu*/
+nav#block-vre2024-mainnavigation-2 {
+  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 {
   /*width: 50%;*/
@@ -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: ">";
+  }
+}