.purple-arrow-home,
.purple-arrow-bouw,
.purple-arrow-intern,
.purple-arrow-de,
.purple-arrow-uren,
.purple-arrow-rnd,
.purple-arrow-wie-2,
.purple-arrow-wie,
.purple-arrow-cases,
.purple-arrow-pricing,
.purple-arrow-kop,
.purple-arrow-ex,
.purple-arrow-ex-2,
.purple-arrow-uren-3,
.purple-arrow-uren-two,
.purple-arrow-proj {
  position: absolute;
  z-index: 1;
}

.purple-arrow-home {
  transform: rotate(357deg);
  margin-left: 315px;
  margin-top: -580px;
  z-index: 1;
}

.purple-arrow-uren {
  margin-left: 310px;
  margin-top: -210px;
}

.purple-arrow-intern {
  transform: rotate(232deg);
}

.purple-arrow-bouw {
  transform: rotate(221deg);
  margin-left: 250px;
  margin-top: -100px;
  height: 300px;
}

.purple-arrow-rnd {
  transform: rotate(360deg);
  margin-left: 230px;
  margin-top: -180px;
}

.purple-arrow-de {
  transform: rotate(221deg);
  margin-left: 250px;
  margin-top: 70px;
}

.purple-arrow-pricing {
  transform: rotate(220deg);
  margin-left: 280px;
}

.purple-arrow-wie-2 {
  transform: rotate(220deg);
  margin-left: 350px;
}

.purple-arrow-cases {
  transform: rotate(241deg);
  margin-left: 330px;
}

.purple-arrow-wie {
  transform: rotate(293deg);
  margin-left: unset;
}

.purple-arrow-uren-two {
  margin-top: 40px;
  transform: rotate(4deg);
  flex-shrink: 0;
  height: 200px;
  margin-left: -10px;
}

.purple-arrow-uren-3 {
  margin-left: 185px;
  margin-top: 20px;
}

.purple-arrow-proj {
  margin-top: 135px;
  transform: rotate(275deg);
  flex-shrink: 0;
  height: 200px;
  margin-left: -200px;
}

.purple-arrow-ex {
  margin-top: 35px;
  transform: rotate(228deg);
  flex-shrink: 0;
  height: 180px;
  margin-left: -200px;
}

.purple-arrow-kop {
  margin-top: 55px;
  transform: rotate(346deg);
  flex-shrink: 0;
  height: 200px;
}

.purple-arrow-ex-2 {
  margin-top: -29px;
  transform: rotate(250deg);
  flex-shrink: 0;

  margin-left: 200px;
}

@media screen and (max-width: 1056px) {

  .purple-arrow-kop {
    margin-top: 95px;
    transform: rotate(349deg);
    flex-shrink: 0;
    height: 150px;
    margin-left: -100px;
  }

  .purple-arrow-ex-2 {
    margin-top: 16px;
    transform: rotate(281deg);
    flex-shrink: 0;
    margin-left: unset;
  }

  .purple-arrow-wie-2 {
    transform: rotate(256deg);
    margin-left: unset;
  }

  .purple-arrow-ex {
    margin-top: -200px;
    transform: rotate(341deg);
    flex-shrink: 0;
    height: 200px;
    margin-left: unset;
  }

  .purple-arrow-uren-3 {
    margin-left: -40px;
    margin-top: 25px;
    transform: rotate(276deg);
  }

  .purple-arrow-uren {
    margin-left: 80px;
    margin-top: -410px;
  }

}

@media screen and (max-width: 1056px) {

  .purple-arrow-de {
    transform: rotate(163deg);
    margin-left: -10px;
    margin-top: -70px
  }

  .purple-arrow-cases {
    transform: rotate(321deg);
    margin-left: -50px;
    margin-top: 80px;
  }

  .purple-arrow-pricing {
    margin-left: unset;
    width: 250px;
  }

  .purple-arrow-bouw {
    margin-left: unset;
    height: 200px;
    margin-top: unset;
    transform: rotate(255deg);
  }

  .purple-arrow-home {
    margin-left: 30px;
    margin-top: -420px;
  }

  .purple-arrow-ex-2 {
    height: 150px;
  }

  .purple-arrow-ex {
    margin-top: 320px;
    transform: rotate(359deg);
    flex-shrink: 0;
    height: 120px;
    margin-left: 180px;
  }

  .purple-arrow-uren {
    width: 250px;
    transform: rotate(352deg);
    margin-left: 100px;
    margin-top: -135px;
  }

  .purple-arrow-uren-3 {

    margin-top: 39px;
    height: 150px;
    transform: rotate(320deg);
  }

  .purple-arrow-kop {
    margin-top: 50px;
    transform: rotate(329deg);
    flex-shrink: 0;
    height: 150px;
    margin-left: -200px;
  }

  .purple-arrow-rnd {

    margin-left: unset;

  }

  .purple-arrow-proj {
    height: 150px;
    margin-left: -100px;
  }


}