#site-wrapper.animating{
  overflow-y: hidden;
}
.page-duurzaamheid .scroll-down-indicator,
.page-duurzaamheid #top-bar-call{
  opacity: 0
}
.duurzaam{
  width: 100%;
  position: relative;
  background-color: var(--color-zarazzo-green);
  z-index: -2;
}

.duurzaam-header{
  font-size: 2.3em;
  line-height: 2.25rem;
  opacity: 0;
  margin: 0;
}

.duurzaam-plant{
  /*width: 300px;*/
  height: auto;
  position: absolute;
  transform: rotate(10deg) scale(.3);
  opacity: 0;
  min-width: 1000px;
}
.duurzaam-plant2{
  /*width: 300px;*/
  height: auto;
  position: absolute;
  z-index: -5;
  transform: rotate(-10deg) scale(.3);
  opacity: 0;
  min-width: 1000px;
}

.duurzaam-block{
  position: relative;
  height: 80vh;
}

.duurzaam-team{
  padding: 0 100px 0 100px;
}
.duurzaam-circle{
  width: 300px;
  height: 300px;
  padding: 20px;
  border-radius: 50%;
  background-color: var(--color-zarazzo-white);
  position: absolute;
  transform: scale(.5);
}

.duurzaam-filmpje{
  width: 100%;
  height: auto;
  position: relative;
  align-self: center;
}

.filmpje-circle{
  width: 250px;
  height: 250px;
  padding: 0px 25px 0px 25px;
  border-radius: 50%;
  position: absolute;
  bottom: 10%;
  align-self: center;
  background-color: var(--color-zarazzo-white);
}

@media only screen and (max-width: 1199px) {
  .duurzaam-circle{
    width: 235px;
    height: 235px;
  }

  .duurzaam-header {
    font-size: 1.85em;
    line-height: 1.85rem;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .duurzaam-circle {
    width: 180px;
    height: 180px;
  }
  .duurzaam-header {
    font-size: 1.85em;
    line-height: 1.85rem;
    margin-top: 0;
  }
  .duurzaam-plant,
  .duurzaam-plant2 {
    min-width: 700px;
  }
}