.logoScrolldown {
  height: 10.625vw;
  left: 10.625vw;
  position: absolute;
  top: auto;
  width: 11.25vw;
  bottom: 0;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.logoScrolldown .innerWrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  will-change: transform;
}
.logoScrolldown .logoLetter {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 2.25vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.logoScrolldown .logoLetter svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: 0.3125vw;
  filter: drop-shadow(0px 0px 5px #FBF6E5);
}
.logoScrolldown .logoLetter svg path {
  fill: #FBF6E5;
}
.logoScrolldown .circle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.logoScrolldown .circle .innerCircle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.logoScrolldown .circle .innerCircle svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.logoScrolldown .circle .innerCircle svg path {
  fill: #FBF6E5;
}
@media all and (max-width: 1080px) {
  .logoScrolldown {
    height: 15.741vw;
    left: 2.037vw;
    position: absolute;
    top: auto;
    width: 16.667vw;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
  .logoScrolldown .innerWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform;
  }
  .logoScrolldown .logoLetter {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 3.333vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .logoScrolldown .logoLetter svg {
    margin-top: 0.463vw;
    filter: drop-shadow(0px 0px 5px #FBF6E5);
  }
  .logoScrolldown .logoLetter svg path {
    fill: #FBF6E5;
  }
  .logoScrolldown .circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .logoScrolldown .circle .innerCircle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .logoScrolldown .circle .innerCircle svg path {
    fill: #FBF6E5;
  }
}
@media all and (max-width: 580px) {
  .logoScrolldown {
    height: 29.31vw;
    left: 29.31vw;
    position: absolute;
    top: auto;
    width: 31.034vw;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
  .logoScrolldown .innerWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform;
  }
  .logoScrolldown .logoLetter {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 6.207vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .logoScrolldown .logoLetter svg {
    margin-top: 0.862vw;
    filter: drop-shadow(0px 0px 5px #FBF6E5);
  }
  .logoScrolldown .logoLetter svg path {
    fill: #FBF6E5;
  }
  .logoScrolldown .circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .logoScrolldown .circle .innerCircle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .logoScrolldown .circle .innerCircle svg path {
    fill: #FBF6E5;
  }
}