.bg-dark {
	background-color:#230B2F;
}
.team-member{
    width: 99%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    height: 100%;
    grid-row: 2 / 3;
}
.card{
    cursor: pointer;
          width:100%;
      background-color:white;
      margin:0 auto;
      height:auto;
      min-height:278px;
      color:/*#6C6B86 #009844*/ #230B2F;
      justify-self:center;
      align-self:center;
      display:grid;
      position: relative;
      border-radius:5px;
  }
  .front,.back{
  width: 80%;
      height: 80%;
    overflow: hidden;
    backface-visibility: hidden;
  position: absolute;
    transition: transform .6s linear;
    display:grid;
    justify-self:center;
      align-self:center;
    
  }
  
  .front{
    transform: perspective(600px) rotateY(0deg);
  }
  .front img, .front h3{
    align-self: center;
    justify-self: center;
  }
  .back{
    /*background: ;*/
    transform: perspective(600px) rotateY(180deg);
    overflow: auto;
    text-wrap: pretty;
  }
  /*.back-content{
   
    text-align: center;
    width: 100%;
  }*/ 	
  
  .card:hover > .front{
    transform: perspective(600px) rotateY(-180deg);
  }
  .card:hover > .back{
    transform: perspective(600px) rotateY(0deg);
  }
  .card:hover{
	background-color:/*#6C6B86 #009844 */ #230B2F; 
	color:white;
  }
  .partners{
	width:70%;  
	  
  }
  @media only screen and (orientation: portrait){
    .team-member{
        grid-template-columns: 1fr;
        font-size: 10px;
    }
  }