#leaf-animation {
  display: none;
}
@media (min-width: 780px) {
  #leaf-animation {
    display: block;
    position: absolute;
    z-index: 500;
    overflow: visible;
  }
  #leaf-animation svg {
    margin-left: 40px;
    margin-top: -70px;
    opacity: 0;
    transform-origin: 50% center;
    transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out;
  }
}
@media (min-width: 780px) and (max-width: 780px) {
  #leaf-animation svg {
    margin-left: 0px;
    max-width: calc(100% - 20px);
    max-height: 300px;
    transform-origin: 25% center;
    margin-top: -30px;
  }
}
@media (min-width: 780px) {
  #leaf-animation svg .st0 {
    fill: #dacec2;
  }
}
@media (min-width: 780px) {
  #leaf-animation svg .st0,
#leaf-animation svg .st1,
#leaf-animation svg .placement-2,
#leaf-animation svg image {
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementOne svg {
    opacity: 1;
  }
  #leaf-animation.placementOne svg .st0 {
    fill: #dacec2;
    opacity: 1;
  }
  #leaf-animation.placementOne svg .st1 {
    fill: #93a34f;
    opacity: 1;
  }
  #leaf-animation.placementOne svg .placement-2 {
    opacity: 0;
  }
  #leaf-animation.placementOne svg image {
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementTwo svg {
    opacity: 1;
  }
}
@media (min-width: 780px) and (max-width: 780px) {
  #leaf-animation.placementTwo svg {
    margin-top: 0px;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementTwo svg .st0 {
    fill: #101d3e;
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementTwo svg .st1 {
    fill: #101d3e;
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementTwo svg .placement-2 {
    opacity: 1;
    fill: #93a34f;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementTwo svg image {
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementThree svg {
    opacity: 1;
  }
}
@media (min-width: 780px) and (max-width: 780px) {
  #leaf-animation.placementThree svg {
    margin-top: 0px;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementThree svg .st0 {
    fill: #101d3e;
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementThree svg .st1 {
    fill: #101d3e;
    opacity: 0;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementThree svg .placement-2 {
    opacity: 1;
    fill: #93a34f;
  }
}
@media (min-width: 780px) {
  #leaf-animation.placementThree svg image {
    opacity: 0;
  }
}

@media (min-width: 780px) {
  #placement-three {
    position: absolute;
    right: 55%;
  }
}
/*# sourceMappingURL=leaf-animation.css.map */