style page evenement

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -178,7 +178,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   // position: relative;
   // top: -440px;
     display: block;
-    margin-right: 52%;
+    margin-right: 45%;
 
 
       h1 {
@@ -199,7 +199,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .titre_bsn {
 
   display: block;
-  margin-left: 40%;
+  margin-left: 45%;
   // padding-right: 15%;
     h1 {
       text-align: left;
@@ -383,7 +383,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .mozaique_personnes {
   background-color: #d9d9d9;
-  padding-bottom: 10rem;
+  padding-bottom: 6rem;
 
 
 
@@ -803,13 +803,18 @@ button:focus {
   display: flex;
   flex-direction: column;
   margin: auto;
-  width: 80%;
+  width: 60%;
   height:auto;
   background-color: white;
   color: #000;
-  padding: 5em;
+  padding-left: 2em;
+  padding-right: 2em;
+  margin-top: 6rem;
+  text-align: left;
 }
 
+
+
 .event .titre_bsn h1{
   text-transform: uppercase;
 }
@@ -818,10 +823,13 @@ button:focus {
   background-color: #d9d9d9;
   color: #000;
   text-transform: uppercase;
-  padding-bottom: 6rem;
+  padding-bottom: 2rem;
   padding-top: 2rem;
+
 }
 
+
+
 // .event .equipe .info{
 //   background-color: red;
 // }
@@ -847,12 +855,13 @@ button:focus {
     h3 {
       // display: flex;
       // flex-grow: 1;
-      padding-top: 3rem;
+      // padding-top: 2rem;
       // padding-left: 15%;
+      margin-bottom: 3rem;
       min-width: 100%;
-      font-family: "Sarabun", sans-serif;
+      font-family: "Sarabun Light", sans-serif;
       text-transform: uppercase;
-      font-weight: 400;
+      font-weight: 200;
       font-size: 1rem;
       line-height: 20px;
       text-align: left;
@@ -875,7 +884,7 @@ button:focus {
       .mozaique {
         display: flex;
         flex-direction: row;
-        justify-content: flex-end;
+        // justify-content: flex-end;
         max-width: 30rem;
         min-width: 30rem;
         @media (max-width: 442px) {
@@ -961,16 +970,34 @@ button:focus {
     }
 
 .partenaires{
-  background-color: #d9d9d9;
+  background-color: #fff;
   height: auto;
-  padding-bottom: 6rem;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
+
   margin-top: 0 !important;
   h1{
     margin-top: 0 !important;
   }
-  .grille{
-    display:flex;
-    direction: row;
-  }
 
+}
+
+.grille{
+  background-color: #fff;
+  display: flex;
+  margin: auto;
+  padding-bottom: 8rem;
+  // padding-left: 3rem;
+  // padding-right: 6rem;
+  flex-wrap: wrap;
+  p{
+    display: flex;
+    margin: auto;
+  }
+  img{
+    height: 9rem;
+    display: flex;
+    padding: 2rem;
+
+  }
 }