home site settings grid

web/themes/custom/colloque2024/css/pages/front.scss

@@ -34,8 +34,10 @@ header {
   }
 
   & > div {
-    margin: 2rem auto;
+    // margin: 2rem auto;
+    min-width: 80% !important; ///changement 2024
   }
+  
 
   .__title-present {
     h2 {
@@ -56,7 +58,7 @@ header {
   .__body-present {
     p {
       font-family: "Mariannelight";
-      font-size: 1.2rem;
+      font-size: 1.5rem;
       line-height: 1.8rem;
     }
   }
@@ -191,11 +193,47 @@ header {
   display: flex;
   .layout-content{
     margin: auto;
-    height: 1500px;
+    // height: 1500px;
     max-width: 1140px;
   }
 }
 
+#block-colloque2024-renderedsitesettingsblock-6{
+  display: flex;
+  margin: auto;
+  .site_setting_entity{
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    margin: auto;
+    // width: 90%;
+    div:nth-of-type(1){
+      font-size: 8rem;
+      font-family: 'Mariannebold';
+      line-height: 95%;
+      grid-column: 1 / span 4;
+      grid-row: 2;
+    }
+    div:nth-of-type(2){
+      grid-column: 1 / 4;
+      grid-row: 3;
+      font-size: 2.5rem;
+    }
+    div:nth-of-type(3){
+      text-transform: uppercase;
+      font-family: 'Mariannebold';
+      font-size: 3.5rem;
+      grid-column: 5 / span 7;
+      grid-row: 3;
+    }
+    div:nth-of-type(4){
+      text-transform: uppercase;
+      grid-column: 5 / span 7;
+      grid-row: 1;
+      font-size: 2rem;
+    }
+  }
+}
+
 
 
 #txt_present{

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -11,7 +11,8 @@ main:not(.home) {
 body {
  #content-ontop{
  position: relative;
- top: -1200px;
+ top: -1400px;
+ padding-top: 5rem;
  }
  #background-animated{
   width: 100VW;