un autre changements pour la mise en page

assets/main.css

@@ -28,6 +28,9 @@
   float: none;
   clear: none;
   }
+  video {
+    max-width: 80%; /* Occupe tout l'espace sur mobile */
+  }
 }
 
 h2 a {
@@ -51,18 +54,23 @@ h4 a {
  
  
 }
+h4 {
+  margin-block-end: 10rem;
+}
 
 h1 {
   text-align: center;
   color: #6A994E;
   font-size: 2.5em;
-  margin: 20px 0;
+  margin: 50px 0px 0px 50px;
   text-transform: uppercase;}
 p{
   font-weight: normal;
   text-align: justify;
   font-size: 1.1em;
   color:#8B5E3C;
+  margin-block-end: 3rem;
+  
 }
 span{
   display: block;
@@ -76,7 +84,6 @@ video {
   border: 2px solid #474405;
   border-radius: 8px;
   max-width: 100%;  /* Responsive width */
-  max-width: 1200px;
   display: block;   /* Center the video */
   margin: 10px auto;
   width: 100vw; /* Largeur égale à la largeur de la fenêtre */