Template:BNU-CHINA/CSS/style-team

@media screen and (min-width: 992px) {

 .team-info {
   display: flex;
 }

 .team-info .team-card {
   padding: 0;
   margin: 0;
   display: flex;
   flex: 0 0 50%;
   width: 50%;
   max-width: 50%;
 }

 .team-card>* {
   flex: 0 0 50%;
   width: 50%;
   max-width: 50%;
 }

 .team-info:nth-child(even) .team-card {
   flex-direction: row-reverse;
 }

 .team-intro {
   padding: 0 16px;
 }

}

@media screen and (min-width: 768px) and (max-width: 992px) {

 .team-info {
   display: flex;
 }

 .team-info .team-card {
   padding: 0;
   margin: 0;
   display: flex;
   flex: 0 0 50%;
   width: 50%;
   max-width: 50%;
 }

 .team-card>* {
   flex: 0 0 50%;
   width: 50%;
   max-width: 50%;
 }

 .team-info:nth-child(even) .team-card {
   flex-direction: row-reverse;
 }

 .team-intro {
   padding: 0 16px;
 }

}

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

 .team-info {
   display: flex;
   flex-wrap: wrap;
 }

 .team-info .team-card {
   padding: 0;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
   flex: 0 0 100%;
   width: 100%;
   max-width: 100%;
 }

 .team-card>* {
   flex: 0 0 100%;
   width: 100%;
   max-width: 100%;
 }

 .team-info:nth-child(even) .team-card {
   flex-direction: row-reverse;
 }

 .team-intro {
   padding: 0 0;
 }

}