@media presentation event

user/themes/epau-antimatter/css-compiled/template.css

@@ -936,8 +936,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     text-transform: uppercase;
     padding-right: 15%; }
   @media (max-width: 442px) {
-    .titre_bsn h1 {
-      font-size: 1.6rem; } }
+    .titre_bsn {
+      margin-left: 30%; }
+      .titre_bsn h1 {
+        font-size: 1.6rem; } }
 
 @keyframes animate {
   0% {
@@ -1326,7 +1328,7 @@ button:focus {
 .event .callout {
   filter: opacity(1); }
   .event .callout h2 {
-    font-family: "Sarabun";
+    font-family: "Sarabun", sans-serif;
     font-weight: 100 !important;
     font-size: 1.8rem;
     line-height: 1.2;
@@ -1347,8 +1349,10 @@ button:focus {
       margin-top: 1rem; }
 
 h1 {
+  font-family: "Sarabun", sans-serif;
   text-transform: uppercase;
   line-height: 1 !important;
+  font-size: 2rem !important;
   margin-bottom: 0.5rem !important; }
 
 .presentation-event {
@@ -1388,6 +1392,13 @@ h1 {
       margin-bottom: 0.8rem !important;
       font-size: 0.7rem;
       padding: 2px 10px; }
+  @media (max-width: 600px) {
+    .presentation-event {
+      margin-top: 1rem !important;
+      width: 80%;
+      padding-left: 1rem;
+      padding-right: 1rem;
+      padding-top: 1rem; } }
 
 .intervenant {
   background-color: #d9d9d9;
@@ -1413,7 +1424,7 @@ h1 {
   .equipe-event h3 {
     margin-bottom: 3rem;
     min-width: 100%;
-    font-family: "Sarabun Light", sans-serif;
+    font-family: "Sarabun", sans-serif;
     text-transform: uppercase;
     font-weight: 200;
     font-size: 1rem;
@@ -1437,7 +1448,8 @@ h1 {
       @media (max-width: 442px) {
         .equipe-event .personne .mozaique {
           max-width: 21rem;
-          min-width: 21rem; } }
+          min-width: 21rem;
+          padding-left: 1rem; } }
       .equipe-event .personne .mozaique .photo {
         overflow: hidden;
         width: 10rem !important;

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

@@ -78,8 +78,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   font-weight: 900;
 }
 
-#header #navbar ul.navigation {
-}
 
 #logo {
   position: relative;
@@ -187,8 +185,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
         padding-right: 0rem !important;
         padding-left: 2rem;
       }
-      @media (max-width: 442px) {
-        margin-right: 42%;
+      @media (max-width: 500px) {
+        margin-right: 30% !important;
         h1 {
           font-size: 1.6rem;
         }
@@ -211,6 +209,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       padding-right: 15%;
     }
     @media (max-width: 442px) {
+      margin-left: 30%;
       h1 {
         font-size: 1.6rem;
       }
@@ -692,9 +691,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       width: 65%;
       align-items: center;
       justify-content: center;
-      p {
-        // display: inline-flex;
-      }
       img {
         max-height: 4rem;
         padding-right: 2rem;
@@ -798,7 +794,7 @@ button:focus {
   .callout{
     filter:opacity(1);
     h2 {
-      font-family: "Sarabun";
+      font-family: "Sarabun", sans-serif;
       font-weight: 100 !important;
       font-size:1.8rem;
       line-height: 1.2;
@@ -808,11 +804,12 @@ button:focus {
 
     .titre_bsn {
       position: relative;
-      #explog{
+        #explog{
         position: absolute;
         right: 100%;
         top: 25%;
         max-width:30%;
+
       }
       .text-titre-event{
         h1{
@@ -832,11 +829,15 @@ button:focus {
 
 
 h1{
+  font-family: "Sarabun", sans-serif;
   text-transform: uppercase;
   line-height:1 !important;
+  font-size: 2rem !important;
   margin-bottom: 0.5rem !important;
   }
 
+
+
 .presentation-event{
   display: flex;
   flex-direction: column;
@@ -851,6 +852,7 @@ h1{
   margin-top: 6rem;
   margin-bottom: 6rem;
   text-align: left;
+
   p{
     font-size: 1.2rem;
     line-height: 1.5;
@@ -880,18 +882,25 @@ h1{
       padding: 2px 10px;
     }
   }
+
+  @media (max-width: 600px) {
+      margin-top: 1rem !important;
+      width: 80%;
+      padding-left: 1rem;
+      padding-right: 1rem;
+      padding-top: 1rem;
+
+  }
 }
 
 
-
-
 .intervenant{
   background-color: #d9d9d9;
   color: #000;
   text-transform: uppercase;
   padding-bottom: 2rem;
   padding-top: 2rem;
-}
+
 
 
 
@@ -924,7 +933,7 @@ h1{
       // padding-left: 15%;
       margin-bottom: 3rem;
       min-width: 100%;
-      font-family: "Sarabun Light", sans-serif;
+      font-family: "Sarabun", sans-serif;
       text-transform: uppercase;
       font-weight: 200;
       font-size: 1rem;
@@ -955,6 +964,7 @@ h1{
         @media (max-width: 442px) {
           max-width: 21rem;
           min-width: 21rem;
+          padding-left: 1rem;
 
         }
 
@@ -1073,6 +1083,5 @@ h1{
   border-top:solid 5px #d9d9d9;
   span {
     height: 2rem;
-  
   }
-}
+}

user/themes/epau-antimatter/templates/modular/titre-event.html.twig

@@ -12,7 +12,7 @@
 
   <div class="titre_bsn">
     {# <div class="logo-event">
-    <img id="explog" src="Republique-francaise-logo-sans-text.svg" alt="logo Expérimentation Logement">
+    <img id="explog" src="sceau_excellence_def.png">
     </div> #}
 
     <div class="text-titre-event">