h1{
      border: 2px solid var(--color-blue);
    box-shadow: 10px 10px var(--color-blue);
    text-transform: uppercase;
    font-family: var(--font-family-antb);
    text-align: center;
    color: var(--color-blue);
    text-transform: uppercase;
    padding: 3%;
    font-size: 1.6em;
    line-height: 1.2;
  }

  

.portraits{
  height: 15vw;  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%);
  transition-duration: 1s;
}

.portraits:hover{
  filter: none;
  transition-duration: .3s;
}

.portraits-name{
  font-family: var(--font-family-fdb);
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
}

figure{
  margin-bottom: 20px;
}

.question-btn-team{
  margin-top: 8px;
  color: white;
}

#team figure:hover .question-btn-team{
  color: var(--color-blue);
}


#team{
  column-gap: 3%;
  z-index: 1;
}

#team div{
  line-height: 1.1;
}

#equipe{
  padding-top: 10px; 
}

#equipe h2{
  padding-bottom: 20px;
}

#team a{
  color: var(--color-grey);
  text-transform: initial;
  font-family: var(--font-family-fdr);
}


.cta img{
  padding-left: 15%;
  padding-right: 20%;
}

  .clapclap{
    padding-right: 33%;
  }

#clapcontainer .content-collapse button{
  color: var(--color-grey);
  cursor: initial;
}



@media only screen and (max-width: 812px) {

  .portraits {
      height: 55vw;
  }

  .question-btn-team { 
    color: var(--color-blue);
  }

  .clapclap{
    padding-right: 0%;
  }

}