body.scroll-locked {
  height: 100vh;
  overflow: hidden;
  width: 100vw;
  position: fixed;
	z-index:999;
}

#scroll-intro-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: #fff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s cubic-bezier(.5,1,.89,1);
  pointer-events: none;
}

#scroll-logo {
  width: 220px;
  opacity: 0;
  /* Key for true center zoom */
  transform-origin: center center;
  transition:
    transform 0.5s cubic-bezier(.86,0,.07,1),
    opacity 0.18s linear;
  will-change: transform, opacity;
  position: relative;
  z-index: 2;
  display: block;
	margin-bottom: 20%;
}

#scroll-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.scroll-down {
  font-size: 1rem;
  color: #333;
  opacity: 1;
  transition: opacity 0.3s ease;
  margin-top: 20px;
	margin-right: 42px;
}