@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,200;10..48,300;10..48,400;10..48,500;10..48,600;10..48,700;10..48,800&family=Oswald:wght@200;300;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');

.teamBody.active .stickhead {
  width: 0% !important;
}

.teamHead {
  height: 100vh !important;
  overflow: hidden;
}


.teamHead .teamTxt .head {
  width: 100vw !important;
}

.teamScroll {
  padding-top: 100px !important;
}

.teamBody .teamScroll .wrap {
  width: 100vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.teamBody .teamScroll .wrap .texthide {
  opacity: 0;
  transition: 0.75s;
  position: relative;
}

.teamBody.active .teamScroll .wrap .texthide {
  opacity: 1;
  transition-delay: 2.3s;
}


@media screen and (max-width: 768px) {
  .teamBody .teamScroll {
    padding-top: 50px;
  }

  .teamBody .teamScroll .wrap .texthide {
    opacity: 1;
  }
  .teamBody .teamScroll .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.teamHead .wave {
  min-height: 100vh !important;
}

.stickhead {
  height: 100vh !important;
  overflow: hidden;
}