@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito/Nunito-Regular.ttf');
}

@font-face {
  font-family: 'Roboto-light';
  src: url('fonts/RobotoSlab/RobotoSlab-Light.ttf');
}

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


#team .btn{
  font-size: 10px;
}

#team .btn-primary:hover, .btn-primary:focus {
  background-color: #530084;
  border-color: #530084;
  box-shadow: none;
  outline: none;
}

#team .btn-primary {
  color: #fff;
  background-color: #530084;
  border-color: #530084;
  margin-top: 10px;
  margin-bottom: 10px;
}

#team section {
  padding: 60px 0;
}

#only .card{
  /* min-width: 26rem; */
  /* min-height: 20rem; */
  justify-items: center; /* Center the cards*/
}

@media only screen and (max-width: 815px){
  
}
#team .image-flip:hover .backside, .image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}

#team .image-flip:hover .frontside, .image-flip.hover .frontside {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#team .mainflip {
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}

#team .frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px;
}

#team .backside {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

#team .frontside, .backside {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
}

#team .frontside .card, .backside .card {
  min-height: 321px;
}

#team .backside .card a {
  font-size: 24px;
  color: #530084 !important;
}

#team .backside .card a:hover {
  color: #f3c42e !important;
}

#team .frontside .card .card-title, .backside .card .card-title {
  color: #530084 !important;
  font-family: 'Roboto-light';
}

#team .frontside .card .card-body img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

#team .frontside .card .card-text {
  color: #6c757d!important;
}

#team .frontside .card .card-cargo {
  color: #3354a9;
  font-size: 18px;
  font-family: 'Nunito';
}

#team .backside .card .card-text{
  color: #6c757d!important;
  font-size: 16px;
}

#team{
  padding-bottom: 10px;
}