.wb-we-did {
  background-color: #FF6565;
  min-height: 405px; }
  @media (max-width: 1199px) {
    .wb-we-did {
      min-height: auto; } }

.we-did-title h2 {
  color: white;
  text-align: center;
  font-size: 150px;
  font-family: 'Staatliches';
  margin-bottom: 0px !important;
  padding-top: 25px; }
  @media (max-width: 1199px) {
    .we-did-title h2 {
      padding-top: 0px;
      padding-bottom: 100px; } }
  @media (max-width: 1499px) {
    .we-did-title h2 {
      font-size: 8vw; } }
  @media (max-width: 767px) {
    .we-did-title h2 {
      font-size: 2.815rem; } }

.work-hero-showreel-main .wb-hero-showreel-title h2 {
  margin: 0;
  text-align: center; }
  @media (max-width: 1199px) {
    .work-hero-showreel-main .wb-hero-showreel-title h2 {
      display: none; } }
  .work-hero-showreel-main .wb-hero-showreel-title h2 span {
    color: #FF6565; }

.work-hero-showreel-main .wb-hero-showreel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55vw;
  max-height: 796px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -200px; }
  @media (max-width: 1439px) {
    .work-hero-showreel-main .wb-hero-showreel {
      margin-top: -260px; } }
  @media (max-width: 1199px) {
    .work-hero-showreel-main .wb-hero-showreel {
      margin-top: -50px; } }
  @media (max-width: 767px) {
    .work-hero-showreel-main .wb-hero-showreel {
      margin-top: -10px; } }
  @media (max-width: 575px) {
    .work-hero-showreel-main .wb-hero-showreel {
      margin: 15px 0px 0px 0px; } }
  .work-hero-showreel-main .wb-hero-showreel .wb-hero-showreel-video {
    height: 100%;
    width: 100%;
    margin-top: 45px; }
    @media (max-width: 1499px) {
      .work-hero-showreel-main .wb-hero-showreel .wb-hero-showreel-video {
        margin-top: 25px; } }
  .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo {
    overflow: hidden;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    max-height: 800px;
    height: 100vw; }
    @media (max-width: 1499px) {
      .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo {
        height: 55vw; } }
    @media (max-width: 767px) {
      .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo {
        height: 45vw; } }
    .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo picture,
    .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo img,
    .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo iframe {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo iframe.vimeo-video {
      width: 100%;
      height: 100%;
      min-height: 390px; }
      @media (max-width: 767px) {
        .work-hero-showreel-main .wb-hero-showreel .wb-hero-work-image-with-showreel-vimeo iframe.vimeo-video {
          min-height: 100%; } }

.work-hero-showreel-main a.work-play-showreel-btn {
  font-size: 1.38rem;
  padding-left: 70px;
  padding-right: 40px;
  min-width: 284px;
  position: absolute;
  background-color: rgba(4, 0, 38, 0.5);
  z-index: 1; }
  @media (max-width: 767px) {
    .work-hero-showreel-main a.work-play-showreel-btn {
      font-size: 1.13rem;
      min-width: 160px;
      padding: 7px 10px 7px 40px; } }
  @media (max-width: 575px) {
    .work-hero-showreel-main a.work-play-showreel-btn {
      font-size: 1rem; } }
  .work-hero-showreel-main a.work-play-showreel-btn:hover::before {
    top: 13px;
    left: 38px;
    border-top-width: 14px;
    border-bottom-width: 14px;
    border-left-width: 24px; }
    @media (max-width: 767px) {
      .work-hero-showreel-main a.work-play-showreel-btn:hover::before {
        top: 11px;
        left: 18px;
        border-top-width: 9px;
        border-bottom-width: 9px;
        border-left-width: 14px; } }
  .work-hero-showreel-main a.work-play-showreel-btn:hover, .work-hero-showreel-main a.work-play-showreel-btn:focus {
    color: #ffffff; }
  .work-hero-showreel-main a.work-play-showreel-btn::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 0px;
    left: 40px;
    top: 15px;
    transition: all 0.1s ease 0s;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #973EFF; }
    @media (max-width: 767px) {
      .work-hero-showreel-main a.work-play-showreel-btn::before {
        left: 22px;
        top: 13px;
        margin-right: 10px;
        border-top-width: 7px;
        border-bottom-width: 7px;
        border-left-width: 10px; } }

.wb-hero-work-image-with-showreel_part.work-hero-showreel-main.pt-30.pb-30 {
  margin-top: -200px; }

picture.wkimg {
  margin-top: 20px; }

/*# sourceMappingURL=wb-we-did-this.css.map */