html{
  background-color:var(--main_color);
}

body{
    background-color:var(--light_main_color);
}


.compagny-about{
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 3em;
  border-radius: 5px;
}

.left-ca{
  height: 100%;
  width: 50%;
  margin-left:2em;
  margin-right:2em;
  /*background-color: white;*/
  color: white;
  padding: 2em;
  font-size: 1em;
    border-radius: 5px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.left-title{
  font-size: 1.7em;
  margin-bottom: 1em;
  font-weight: bold;
  color : var(--second_color);
}

.right-ca{
  width: 25%;
  display: flex;
  justify-content: center;
}

.right-ca img{
  width: 100%;
  margin: 2em;
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 1);
}



.line{
  height: 1px;
  background-color: white;
  margin-left: 20%;
  margin-right: 20%;
}

.team-about{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5%;

  background-color: var(--light_main_color);
}

.team-row{
  width: 70%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.team-people{
  width: 10em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 5em;
}

.team-people img{
  width: 8em;
  height: 8em;
  border-radius: 50%;
  object-fit:contain;
  box-shadow: 0px 2px 10px black;
}

.team-name{
  margin-top: 1em;
  color : white;
}

.team-title{
  margin-top: 0.5em;
  color: white;
  font-size: 0.9em;
  text-align: center;
}

@media screen and (max-width: 1500px) {
  .team-row{
    /*flex-direction: column;*/
  }

  .team-people{
    margin-bottom: 2em;
  }

  .team-row{
    margin: 0;
  }

  .left-ca{
    width: 100%;
    margin-left:0;
    margin-right:0;
  }

  .right-ca{
    width: 0%;
    margin-left:0;
    margin-right:0;
  }

  .compagny-about{
    padding: 0;
  }

}

.bottom-p{
  margin-top: 2em;
}

.pTeam{
  margin-bottom: 5em;
  color: white;
  font-size: 1.3em;
}