@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;