* {
  font-family: 'Poppins';
}

p{
  font-family: 'Poppins';
}
.who-is-row {
  padding-top: 100px;
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold;
}

.who-is-illustration {
  min-height: 30vh;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.who-is-intro-container {
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #eee;
}

.who-is-intro-container * {
  font-size: 14px;
}

.who-is-titre {
  font-weight: bold;
  font-size: 24px;
}

.who-is-titre-add {
  color: #cba040;
  font-style: italic;
  font-weight: bold;
}

.who-is-custom {
  padding: 20px;
  border: #cba040 3px solid;
}

.who-is-custom p {
  color: #cba040;
}

.presentation-equipe-section {
  margin: 20px 0;
  margin-bottom: 0;
}

.presentation-equipe-section * {
  color: black;
}

.presentation-equipe-title p {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
}

.equipe-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.equipe-member {
      display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 20px;
}

.member-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 60%;
}

.equipe-member-details-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.equipe-photo {
  width: 150px;
  height: 150px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.equipe-member:nth-child(odd) {
  background: white;
}

.equipe-member:nth-child(even) {
  background: #eee;
}

.equipe-member-name {
  font-size: 20px;
  font-weight: bold;
}

.equipe-member-role {
  font-style: italic;
  color: #cba040;
  font-weight: bold;
}

.equipe-member-description p,
.equipe-member-phone,
.equipe-member-email {
  font-size: 14px;
}

.equipe-member-email,
.equipe-member-phone {
  font-style: italic;
  color: #cba040;
}
.equipe-member-email a,
.equipe-member-phone a{
  font-style: italic;
  color: #cba040;
}
.equipe-member-email a:hover,
.equipe-member-phone a:hover{
  color: #cba040;
  text-decoration: none;
}

.member-icon {
  width: 12px;
  margin-right: 6px;
}

.intro-desktop {
  display: none;
}
.intro-desktop-padding {
  display: none;
}

.presentation-equipe-title-add {
  display: none;
}

@media screen and (min-width: 768px) {
  .intro-mobile {
    display: none;
  }
  .intro-desktop-padding {
    display: block;
    padding-top: 150px;
  }

  .intro-desktop {
    gap: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    padding: 0 120px 50px 120px;
  }

  .who-is-illustration {
    width: 500px;
    height: 500px;
  }

  .who-is-row {
    text-align: left;
    font-size: 34px;
    padding-top: 40px;
  }

  .who-is-intro,
  .who-is-custom {
    margin-top: 12px;
  }

  .who-is-custom p {
    font-size: 14px;
  }

  .who-is-illustration-container {
    min-width: 30vw;
  }

  .who-is-illustration {
    object-fit: cover;
  }

  .presentation-equipe-title-add p {
    color: #aaa;
    font-size: 23px;
  }
  .presentation-equipe-title-add {
    display: block;
    text-align: center;
    padding: 0 200px;
  }

  .equipe-member {
    padding: 70px 100px;
  }

  .equipe-photo {
    width: 100%;
    height: auto;
  }

  .equipe-member-name {
    font-size: 24px;
  }

  .equipe-member-role {
    font-size: 20px;
  }

  .equipe-member-description p,
  .equipe-member-phone,
  .equipe-member-email {
    font-size: 15px;
  }

  .equipe-member-details-container {
    flex-direction: row;
    gap: 24px;
  }

  .equipe-member {
    width: 100%;
  }
}

@media screen and (min-width: 1281px) {
  .intro-desktop {
    align-items: start;
    padding: 50px 120px 50px 120px;
  }
  .who-is-row {
    font-size: 38px;
  }

  .who-is-titre {
    font-size: 26px;
  }

  .who-is-titre-add {
    font-size: 20px;
  }

  .who-is-illustration-container {
    min-width: 40vw;
  }

  .who-is-illustration {
    width: 600px;
    height: 600px;
  }

  .equipe-member {
    padding: 70px 150px;
  }

  .equipe-photo {
    width: 300px;
    height: 300px;
  }

  .equipe-member-name {
    font-size: 32px;
  }

  .equipe-member-role {
    font-size: 24px;
  }

  .equipe-member-description p,
  .equipe-member-phone,
  .equipe-member-email {
    font-size: 16px;
  }

  .equipe-member-details-container {
    gap: 30px;
  }
  .who-is-custom p {
    font-size: 16px;
  }

  .equipe-photo {
    width: 100%;
        height: auto;
        object-fit: contain;
  }

  .presentation-equipe-title-add p {
    padding: 0 110px;
  }
}

@media screen and (min-width: 1729px) {
  .who-is-row {
    font-size: 42px;
  }

  .who-is-titre {
    font-size: 28px;
  }

  .who-is-titre-add {
    font-size: 22px;
  }

  .who-is-illustration {
    width: 700px;
    height: 700px;
  }

  .who-is-custom p {
    font-size: 18px;
  }

  .presentation-equipe-title-add {
    padding: 0 380px;
  }
}

@media screen and (min-width: 1921px) {
  .who-is-row {
    font-size: 48px;
  }

  .who-is-titre {
    font-size: 32px;
  }

  .who-is-titre-add {
    font-size: 26px;
  }

  .who-is-intro p {
    font-size: 16px;
  }

  .who-is-custom p {
    font-size: 19px;
  }

  .presentation-equipe-title-add {
    padding: 0 450px;
  }

  .presentation-equipe-title-add p {
    font-size: 26px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px){
  .equipe-member{
    flex-direction: column;
  }
  .equipe-photo {
    width: 100%;
    height: auto;
  }
}

.who-is-intro p,.who-is-intro li,.equipe-member-description li{
  font-size: 16px;
}

.who-is-intro h3{
  font-size: 25px;
  color: #cba040 !important;
  font-weight: 600 !important;
}


.equipe-photo-bloc{
  width: 40%;
}


@media screen and (min-width: 320px) and (max-width: 767px) {
  .equipe-photo-bloc {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
.member-text {
  width: 95%;
}
}