body {
  font-family: "Prima Sans Mono W01";
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  color: #333331;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

section {
  width: 100vw;
  color: white; }

.wrap {
  margin: 0 5vw;
  padding: 0 0 10vw; }
  @media screen and (max-width: 600px) {
    .wrap {
      padding: 0; } }
  .wrap .logo-full {
    width: 175px;
    padding: 5vw 0 0; }
    @media screen and (max-width: 600px) {
      .wrap .logo-full {
        width: 140px;
        padding: 10vw 0 0; } }
  .wrap header {
    padding: 0 0 calc(40px + 5vw) 0;
    margin: -200px 0 0;
    display: block;
    position: relative; }
    @media screen and (max-width: 600px) {
      .wrap header {
        padding: 15vw 0; } }
    @media only screen and (max-device-width: 900px) and (orientation: landscape) {
      .wrap header {
        padding: 35vh 0 20vh 0; } }
    .wrap header a {
      text-decoration: none;
      color: white;
      pointer-events: none; }
  .wrap h2 {
    font-size: 28px;
    font-weight: 300;
    font-style: normal;
    width: 100%;
    margin: 0;
    padding: 20px 0 0; }
    @media screen and (max-width: 600px) {
      .wrap h2 {
        width: 80%;
        font-size: 32px; } }
    .wrap h2 em {
      font-size: 10px;
      letter-spacing: 7px;
      font-style: normal; }
  .wrap h1 {
    font-family: "Encorpada Classic W01";
    font-size: 10.5vw;
    font-style: italic;
    font-weight: 600;
    line-height: .75;
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 600px) {
      .wrap h1 {
        font-size: 34vw;
        line-height: .8; } }
  .wrap .logo-icon {
    width: 40px;
    position: absolute; }
    @media screen and (max-width: 600px) {
      .wrap .logo-icon {
        position: relative;
        display: none; } }
  .wrap p {
    width: 60vw;
    max-width: 600px;
    margin: -10px 0 150px calc(40px + 5vw);
    color: white;
    position: relative;
    z-index: 1000; }
    @media screen and (max-width: 600px) {
      .wrap p {
        width: 90vw;
        margin: 30px 0 75px 0; } }
    .wrap p em {
      font-size: 10px;
      letter-spacing: 7px;
      font-style: normal; }

.arrow {
  width: 100px;
  height: 23px;
  margin: -1px 0 0 2vw;
  position: absolute;
  z-index: 10; }

.people {
  margin: 0 auto;
  width: 90vw;
  height: 80vh; }
  @media screen and (max-width: 600px) {
    .people {
      margin: 0px -5vw 0;
      width: 100vw;
      height: 40vh; } }
  .people .person {
    width: 50vw;
    height: 120vh;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    position: absolute; }
    @media screen and (max-width: 600px) {
      .people .person {
        width: 60vw;
        height: 70vh; } }
  .people .one {
    margin: 0; }
  .people .two {
    margin: 0 20%; }
  .people .three {
    margin: 0 0 0 40%; }

.people-1 {
  background-color: #d7bb7f; }
  .people-1 .arrow {
    fill: #d7bb7f; }
  .people-1 .one {
    background-image: url(../img/people/2.png); }
  .people-1 .two {
    background-image: url(../img/people/6.png); }
  .people-1 .three {
    background-image: url(../img/people/3.png); }

.people-2 {
  background-color: #97BFAB; }
  .people-2 .arrow {
    fill: #97BFAB; }
  .people-2 .one {
    background-image: url(../img/people/5.png); }
  .people-2 .two {
    background-image: url(../img/people/1.png); }
  .people-2 .three {
    background-image: url(../img/people/4.png); }

.people-3 {
  background-color: #CFCECC; }
  .people-3 .arrow {
    fill: #CFCECC; }
  .people-3 .one {
    background-image: url(../img/people/1.png); }
  .people-3 .two {
    background-image: url(../img/people/2.png); }
  .people-3 .three {
    background-image: url(../img/people/3.png); }

.people-4 {
  background-color: #d2d3d5; }
  .people-4 .arrow {
    fill: #d2d3d5; }
  .people-4 .one {
    background-image: url(../img/people/5.png); }
  .people-4 .two {
    background-image: url(../img/people/6.png); }
  .people-4 .three {
    background-image: url(../img/people/7.png); }

.people-5 {
  background-color: #DED1E3; }
  .people-5 .arrow {
    fill: #DED1E3; }
  .people-5 .one {
    background-image: url(../img/people/8.png); }
  .people-5 .two {
    background-image: url(../img/people/7.png); }
  .people-5 .three {
    background-image: url(../img/people/9.png); }

.people-6 {
  background-color: #DFD5C9; }
  .people-6 .arrow {
    fill: #DFD5C9; }
  .people-6 .one {
    background-image: url(../img/people/4.png); }
  .people-6 .two {
    background-image: url(../img/people/8.png); }
  .people-6 .three {
    background-image: url(../img/people/3.png); }

.signup {
  background-color: white;
  color: #333331;
  padding: 100px 0 50px; }