body.page-template-who_i_am {
   font-family: 'Montserrat', sans-serif;
   line-height: 1.6;
   color: #000000;
   background-color: #ffffff;



.about {
   padding: 40px 20px;
   background: #FFFBE7; /* Fond clair */
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   margin-top: 40px; /* Marge au-dessus de la section */
}

strong {
   font-weight: 700;
}

.intro-text {
   font-size: 25px;
   line-height: 1.8;
   color: #000000;
   text-align: center;
   margin-bottom: 75px;
   margin-top: 45px;
   max-width: 1061px;;
   margin-left: auto;
   margin-right: auto;
}


.img-txt {
   display: flex;
   justify-content: space-evenly; /* Aligne le texte et l'image */
   gap: 20px;
   color: #000000;
   align-items: center; /* Aligne l'image et le texte verticalement */
   flex-wrap: wrap; /* En cas de petit écran, les éléments passent en colonne */
}

.img-txt p {
   font-size: 16px;
   line-height: 1.8;
   color: #000000;
   max-width: 521px;
   text-align: justify;
}

.img-txt img {
   width: 414px;  /* Limite la largeur de l'image */
   height: 474px;
   border-radius: 8px;
   margin-top: 20px; /* Décale l'image un peu vers le bas */
}
.img-txt .text-button{
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center;
   justify-content: center;
}
.title {
   color: #000000;
   display: flex;
   align-items: left;
   font-size: 22px;
   line-height: 1.8;
   color: #333;
   margin-top: 100px;
   text-align: center;
}

.additional {
   color: #000000;
   display: flex;
   justify-content: space-evenly;
   gap: 20px;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 10px;
   margin-bottom: 100px;
}
.additional .text-button{
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center;
   justify-content: center;
}
.additional iframe {
   max-width: 100%;
   border-radius: 8px;
   margin-top: 20px;
}

.additional p {
   color: #000000;
   font-size: 16px;
   line-height: 1.8;
   text-align: justify;
   margin-top: 20px;
   width: 521px;
}

@media (max-width: 1024px) {
   /* Section img-txt: Ajustement des espaces et alignement */
   .img-txt, .additional {
      align-items: center !important; /* Centre les éléments */
      gap: 20px !important;
      margin-top: 40px;
   }

   .img-txt p, .additional p {
      max-width: 90% !important; /* Réduit la largeur du texte */
      margin: 0 auto !important; 
      font-size: 14px !important;
      text-align: center;
   }

   .img-txt img, .additional iframe {
      max-width: 300px !important; /* Adapte la taille */
      height: auto !important; /* Maintient le ratio */
   }

   /* Titre */
   .title {
      margin-left: 0 !important; /* Supprime la marge gauche */
      margin-top: 50px !important; /* Réduit l'espace au-dessus */
      text-align: center !important; /* Centre le titre */
   }
}

@media (max-width: 768px) {
   .img-txt .text-button{
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: center;
      justify-content: center;
   }
   /* Intro texte */
   .intro-text {
      font-size: 16px !important; /* Réduit la taille de la police */
      margin-left: 20px !important;
      margin-right: 20px !important;
      margin-bottom: 0px;
      margin-top: 0px;
   }

   /* Section img-txt et additional */
   .img-txt p, .additional p {
      font-size: 14px !important;
      line-height: 1.6 !important;
      text-align: center;
   }

   .img-txt img, .additional iframe {
      max-width: 100%; /* Prend toute la largeur */
   }

   .additional iframe {
      height: 300px ; /* Hauteur ajustée */
   }
   .img-txt p, .additional p {
      font-size: 14px;
      width: auto;
   }
   .additional .text-button{
      text-align: center;
      gap: 20px;
   }
}

@media (max-width: 480px) {
   /* Section img-txt et additional */
   .img-txt p, .additional p {
      font-size: 14px !important;
      width: auto;
   }

   .img-txt img, .additional iframe {
      width: 100% !important; /* Adapte parfaitement l'image/l'iframe */
      height: auto !important;
   }

   .additional iframe {
      height: 235px !important; /* Hauteur plus réduite pour petits écrans */
      margin-top: 30px;
   }
}
}