/*centre le texte*/
.title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
/*taille et couleur titre*/
.title h1 {
  font-size: 64px;
  color: #1d428a;
}
/* taille logo titre */
.title img {
  height: 200px;
}
/* reglage texte d'intro */
.intro {
  max-width: 1000px;
  margin: auto;
  padding: 0px 20px 20px;
  color: #ccc;
  line-height: 1.6;
  font-size: 20px;
}
/*container permet de mettre les logos et textes */
.team {
  display: flex;
  align-items: center;
  padding: 60px;
  gap: 100px;
}

/* taille image de chaque équipe */
.team img {
  width: 400px;
}
/* taille du texte et de l'interligne */
.team-text {
  max-width: 2000px;
  line-height: 1.7;
  font-size: 20px;
}

/* couleur pour chaque équipe */ 
.purple {
  background: #552582;
}

.blue {
  background: #0b2d52;
}

.gold {
  background: #b4975a;
}

.darkblue {
  background: #1d428a;
}

.red {
  background: #ce1141;
}

.darkgreen {
  background: #00471b;
}

.grey {
  background: #c4ced4;
}

.blackblue {
  background: #061922;
}

.yellow {
  background: #fdb927;
}

.lightpurple {
  background: #592d81;
}

.orange {
  background: #f9a01b;
}

.red2 {
  background: #cf0a2c;
}

.darkblue2 {
  background: #002249;
}

.greenblue {
  background: #00788c;
}

.blue2 {
  background: #0046c6;
}

.blue3 {
  background: #0064b1;
}

.black {
  background: #000000;
}

.purple2 {
  background: #33005e;
}

.red3 {
  background: #98002e;
}

.green2 {
  background: #008348;
}

@media (max-width: 980px) {

  
  /*met le texte au centre bien aligné*/
  .team {
    flex-direction: column;
    padding: 15px 20px;
    gap: 20px;
    text-align: center;
  }
/*met les images au dessus du texte au centre*/
  .team img h1 {
    order: 1;
    width: 100%;
    max-width: 300px;
  }
/* regle taille du texte, ordre(apres image)*/
  .team-text {
    order: 2;
    font-size: 16px;
    line-height: 1.5;
    max-width: 100%;
  }
/*centre le tous*/
  .team-left,
  .team-right {
    justify-content: center;
  }
}