@media presentation event

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;
-  
   }
-}
+}