@charset "utf-8";

/* CSS Document */
.teampage .contentheader{background-image: url(../images/team-bg-01.jpg);}

.boardmembers-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 100px;
  }
  .boardmembers-item{
    display: flex;
    flex-direction: column;
    width: calc((100% - 140px) / 3);
    }
    .boardmembers-item:not(:last-of-type){margin-right: 70px;}
    .boardmembers-name{
      order: 1;
      margin-bottom: 10px;
      }
      .boardmembers-name-txt{
        font-size: 20px;
        font-weight: 500;
        }
    .boardmembers-pos{
      order: 2;
      margin-bottom: 10px;
      }
      .boardmembers-pos-txt{}
    .boardmembers-fig{
      order: 0;
      margin-bottom: 10px;
      }
    .boardmembers-biography{order: 3;}
      .boardmembers-biography-txt{
        font-size: 14px;
        line-height: 1.8;
        }

.teammembers{
  padding-top: 100px;
  padding-bottom: 100px;
  }
  .teammembers .section-inner{max-width: 800px;}
  .teammembers:not(:last-of-type){}
  .sales.teammembers{background-color: rgba(245,245,245,1);}
  .backoffice.teammembers{background-color: rgba(246,247,249,1);}
  .team-body{}
    .team-fig{
      margin-bottom: 30px;
      box-shadow: 13px 13px 0px 0px rgba(255,216,19,.5);
      }
    .team-detail{}
      .team-detail-txt{
        line-height: 1.8;
        }
    

@media screen and (max-width: 1199px) { }/* max-width: 1199px */

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

.boardmembers-list{margin-bottom: 80px;}
.boardmembers-item{width: calc((100% - 80px) / 3);}
  .boardmembers-item:not(:last-of-type){margin-right: 40px;}

.teammembers{
  padding-top: 80px;
  padding-bottom: 80px;
  }
  .team-fig{
    margin-bottom: 25px;
    box-shadow: 10px 10px 0px 0px rgba(255,216,19,.5);
    }

}/* max-width: 991px */

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

.boardmembers-list{
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 50px;
  }
  .boardmembers-item{
    width: 100%;
    }
    .boardmembers-item:not(:last-of-type){
      margin-right: 0;  
      margin-bottom: 40px;  
      }
      .boardmembers-fig{
        max-width: 250px;
        margin: 0 auto 15px;
        }
        .boardmembers-name-txt{
          font-size: 18px;
          text-align: center;
          }
        .boardmembers-pos-txt{text-align: center;}

.teammembers{
  padding-top: 50px;
  padding-bottom: 50px;
  }
  .team-fig{
    margin-bottom: 25px;
    box-shadow: 5px 5px 0px 0px rgba(255,216,19,.5);
    }

}/* max-width: 767px */

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

.boardmembers-fig{max-width: 200px;}



}/* max-width: 575px */