#qui_sommes_nous {
  width: 100vw;
  height: calc(100vh - 10%);
  position: relative;
  overflow: auto;
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous {
    height: 100%;
  }
}

#qui_sommes_nous .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous .background {
    overflow: hidden;
  }
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .background {
    display: none;
  }
}

#qui_sommes_nous .background img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous .background img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .mobile {
    display: none;
  }
}

#qui_sommes_nous .desktop {
  display: none;
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .desktop {
    display: block;
  }
}

@media screen and (min-width: 1400px) {
  #qui_sommes_nous .desktop {
    position: relative;
    bottom: 6vw;
  }
}

#qui_sommes_nous #quote {
  width: 50vw;
  top: 3vw;
  right: 3vw;
  position: absolute;
  color: var(--white-color);
  font-family: 'Inter';
  font-size: 1rem;
  font-weight: bold;
  font-style: italic;
  z-index: 1;
}

@media screen and (min-width: 660px) {
  #qui_sommes_nous #quote {
    width: 30vw;
    top: 5vw;
    right: 5vw;
  }
}

@media screen and (min-width: 1400px) {
  #qui_sommes_nous #quote {
    font-size: 1.6rem;
    font-style: italic;
  }
}

#qui_sommes_nous .text_description {
  width: 100%;
  height: 40vh;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous .text_description {
    height: 40%;
    min-height: 319.594px;
  }
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .text_description {
    height: 30%;
    min-height: unset;
  }
}

@media screen and (min-width: 1400px) {
  #qui_sommes_nous .text_description {
    height: 33%;
  }
}

#qui_sommes_nous .text_description .upper_decoration {
  width: 100%;
  height: 7vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  top: 0.1vh;
}

@media screen and (min-width: 414px) {
  #qui_sommes_nous .text_description .upper_decoration {
    top: 0.2vh;
  }
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous .text_description .upper_decoration {
    height: 7%;
  }
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .text_description .upper_decoration {
    display: none;
  }
}

#qui_sommes_nous .text_description .upper_decoration img {
  width: 100%;
}

#qui_sommes_nous .text_description .text_area {
  width: 100%;
  height: 33vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  background-color: #9a9a9a;
}

@media screen and (min-width: 415px) {
  #qui_sommes_nous .text_description .text_area {
    height: 93%;
  }
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .text_description .text_area {
    height: 100%;
  }
}

#qui_sommes_nous .text_description .text_area h2 {
  width: 100%;
  margin-bottom: 2vh;
  color: var(--white-color);
  font-family: 'Inter';
  text-align: center;
}

@media screen and (min-width: 640px) {
  #qui_sommes_nous .text_description .text_area h2 {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 1400px) {
  #qui_sommes_nous .text_description .text_area h2 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 1.8rem;
  }
}

#qui_sommes_nous .text_description .text_area p {
  width: 80%;
  margin: 0;
  margin-bottom: 2vh;
  color: var(--white-color);
  font-family: 'Inter';
  font-size: 1.2rem;
  text-align: justify;
}

@media screen and (min-width: 1400px) {
  #qui_sommes_nous .text_description .text_area p {
    font-size: 1.5rem;
  }
}

#qui_sommes_nous .text_description .text_area p strong {
  font-size: 1.3rem;
}
/*# sourceMappingURL=style.css.map */