css live youtube

web/themes/custom/colloque2024/css/components/btn/all_btn.scss

@@ -36,7 +36,7 @@
   margin: auto;
   width: 100%;
   & > div{
-    margin: 4rem auto;
+    margin:auto;
     a{
       padding: 0.7rem 2rem;
       background: $color2024;
@@ -51,6 +51,11 @@
         font-size:1rem;
         padding: 0.7rem 4rem;
       }
+      @media screen and (max-width: 576px) {
+        font-size:  0.8em;
+        padding: 0.7rem;
+
+      }
     }
   }
 }

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

@@ -25,6 +25,9 @@ header {
 #txt_present {
   margin: 3rem 0;
 
+  @media screen and (max-width: 576px) {
+    margin-bottom: 0;
+  }
   @media screen and (min-width: 992px) {
     margin: 5rem 0;
   }
@@ -38,6 +41,22 @@ header {
     min-width: 80% !important; ///changement 2024
   }
   
+  .paragraph--type--video{
+    margin-top: 5rem;
+    div{
+      font-family: "Mariannebold";
+      color: $color2024;
+      font-size: 2.5rem;
+      line-height: 2.3rem;
+      text-transform: none;
+      margin-bottom: 2rem;
+      text-align: left;
+      margin-bottom: 5rem;
+    }
+    @media screen and (max-width: 576px) {
+      margin: 3rem 0;
+    }
+  }
 
   .__title-present {
     h2 {
@@ -183,6 +202,9 @@ header {
       // @include labelOnline;
     }
   }
+  @media screen and (max-width: 576px) {
+    margin-top: 0;
+  }
 }
 
 
@@ -261,7 +283,7 @@ header {
 
 #txt_present{
   .medias{
-  display: none;
+  // display: none;
   }
 }