.projectBlock .introButtons {
  display: none;
}
.projectBlock .divider {
  height: 1px;
  margin-bottom: 2.5vw;
  background: #191919;
  width: 0;
  -webkit-transition: width 0.9s 0.3s ease-out;
  -moz-transition: width 0.9s 0.3s ease-out;
  -o-transition: width 0.9s 0.3s ease-out;
  transition: width 0.9s 0.3s ease-out;
}
.projectBlock .divider.inview {
  width: 100%;
}
.projectBlock .intro {
  margin-bottom: 7.5vw;
}
.projectBlock .intro.inview .left,
.projectBlock .intro.inview .right {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.projectBlock .intro .left,
.projectBlock .intro .right {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(1.875vw);
  -moz-transform: translateY(1.875vw);
  -o-transform: translateY(1.875vw);
  -ms-transform: translateY(1.875vw);
  transform: translateY(1.875vw);
  -webkit-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
  -moz-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
  -ms-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
  -o-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
  transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.projectBlock .intro .left {
  width: 48.0625vw;
}
.projectBlock .intro .right {
  margin-left: 17.6875vw;
  width: 31.625vw;
  margin-top: 0.4375vw;
  -webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
  -moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
  -ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
  -o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
  transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
@media all and (max-width: 1080px) {
  .projectBlock .introButtons {
    margin-bottom: 3.704vw;
    -webkit-transform: translateY(2.778vw);
    -moz-transform: translateY(2.778vw);
    -o-transform: translateY(2.778vw);
    -ms-transform: translateY(2.778vw);
    transform: translateY(2.778vw);
  }
  .projectBlock .divider {
    margin: 3.704vw 0;
  }
  .projectBlock .intro {
    margin-bottom: 11.111vw;
  }
  .projectBlock .intro .left,
  .projectBlock .intro .right {
    -webkit-transform: translateY(2.778vw);
    -moz-transform: translateY(2.778vw);
    -o-transform: translateY(2.778vw);
    -ms-transform: translateY(2.778vw);
    transform: translateY(2.778vw);
  }
  .projectBlock .intro .left {
    width: 40%;
  }
  .projectBlock .intro .right {
    margin-left: 10%;
    width: 50%;
    margin-top: 0.648vw;
  }
}
@media all and (max-width: 580px) {
  .projectBlock .introButtons {
    display: block;
    margin-bottom: 6.897vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .projectBlock .introButtons.inview {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .projectBlock .divider {
    margin: 6.897vw 0;
  }
  .projectBlock .intro {
    margin-bottom: 20.689vw;
  }
  .projectBlock .intro .left,
  .projectBlock .intro .right {
    -webkit-transform: translateY(5.172vw);
    -moz-transform: translateY(5.172vw);
    -o-transform: translateY(5.172vw);
    -ms-transform: translateY(5.172vw);
    transform: translateY(5.172vw);
  }
  .projectBlock .intro .left {
    width: 100%;
  }
  .projectBlock .intro .right {
    margin-left: 0;
    width: 100%;
    margin-top: 6.897vw;
  }
}
/*# sourceMappingURL=project_block.css.map */