section {

  width: calc(var(--mobile-unit-width) * 13);

  transform: translateX(var(--mobile-unit-width));

  margin-top: 2rem;

}



/* Typography */

/* ********** */

h3 {

  font-size: 3rem;

  line-height: 1;

  letter-spacing: 1px;

  color: var(--mid-gray);

  font-weight: 100;

  margin-bottom: 1rem;

}



.team-member-desc,

.like-minded-member-desc {

  font-size: 2.5rem;

  font-weight: 100;

  color: var(--mid-gray);

  letter-spacing: 1px;

}



.section-title-double {

  display: none;

}



.team-member,

.like-minded-member {

  width: calc(var(--mobile-unit-width) * 9);

  display: flex;

  flex-direction: column-reverse;

  margin-bottom: 2.5rem;

}



.team-member-img,

.like-minded-memeber-img {

  height: calc(var(--mobile-unit-width) * 9);

  background-color: var(--mid-yellow);

  margin-bottom: 1rem;

}

.team-member-img img,
.like-minded-memeber-img img {

  width: 100%;

  height: 100%;

}



/* Popup */

.team-member-full-info {

  position: fixed;

  z-index: 10;

  background-color: var(--light-yellow);

  height: calc(var(--mobile-unit-height) * 25);

  width: calc(var(--mobile-unit-width) * 14);

  padding-left: calc(var(--mobile-unit-width) * 1);

  padding-top: calc(var(--mobile-unit-height) * 1);

  overflow: scroll;
}

.team-member-full-info::-webkit-scrollbar-thumb {
  background: var(--light-yellow);
}


.team-member-full-info .close {

  transition: transform 0.1s linear;

  transform: rotate(45deg);



}

.like-minded-wrapper {

  margin-top: 80px;

}



.close {

  font-size: 50px;

  font-weight: 100;

  color: var(--mid-gray);

  position: absolute;

  left: calc(var(--mobile-unit-width) * 13);

  transition: scale 0.3s;

  border: none;

  background-color: transparent;

  font-family: "Montserrat", sans-serif;

  font-weight: 200;

}



.close:active {

  scale: 0.8;

}



.info-tag h2 {

  font-size: var(--fs-xlg-m);

  font-weight: 100;

  line-height: 1;

  letter-spacing: 1px;

  color: var(--mid-gray);

  margin-bottom: 0.5rem;

}



.info-tag .designation {

  margin-bottom: 2rem;

  color: var(--mid-gray);

  letter-spacing: 1px;

  font-size: 1.5rem;
  font-weight: 100;
}



.team-member-full-info.remove {

  display: none;

}



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

  section {

    width: calc(var(--desktop-unit-width) * 29);

    transform: translateX(calc(var(--desktop-unit-width) * 11));

    position: relative;

  }



  /* Typography */

  h3 {

    font-size: 5rem;

  }



  .section-title-single {

    display: none;

  }

  .section-title-double {

    display: block;

  }



  .team .section-title-double {

    padding: 0 0;

  }

  .team .section-title span {

    display: block;

    padding: 0.55rem 1.2rem;

  }



  .team .section-title span:first-child {

    border-bottom: 0.5px solid var(--dark-gray);

  }



  .team-info,

  .like-minded-talents {

    display: flex;

    flex-wrap: wrap;

  }



  .team-member,

  .like-minded-member {

    position: relative;

    width: calc(var(--desktop-unit-width) * 12);

  }



  .team-member-img,

  .like-minded-memeber-img {

    height: calc(var(--desktop-unit-width) * 12);

    margin-bottom: 0;

  }

  .team-member-desc,

  .like-minded-member-desc {

    position: absolute;

    top: 0;

    padding: 1rem;

  }



  .team-member:nth-child(even),

  .like-minded-member:nth-child(even) {

    margin-left: 2.5rem;

  }



  /* Popup */

  .team-member-full-info {

    height: calc(var(--desktop-unit-height) * 23 - 1px);
    width: calc(var(--desktop-unit-width) * 45 - 0.5px);
    padding-right: calc(var(--desktop-unit-width) * 3);
    padding-left: calc(var(--desktop-unit-width) * 3);
    padding-top: calc(var(--desktop-unit-height) * 1);
    background-color: #fcffe5;

  }



  .info-tag h2 {

    font-size: var(--fs-xlg-d);


  }



  .info-tag .designation {

    font-size: 1.5rem;
    font-weight: 100;


  }



  .team-member-full-info p,
  .team_description {


    margin-left: calc(var(--desktop-unit-width) * 4);
    margin-right: calc(var(--desktop-unit-width) * 2);
    /*font-size: 1.9rem;*/
    font-size: 18pt;
    font-family: Gill Sans, Calibri, sans-serif;
    line-height: 40px;
    padding-top: 10px;

  }

}

.team_description {
  line-height: 2.5rem;
}