/* //////////////////////////////////////////////// */
/* Overlay */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: var(--creme);
  z-index: 2997;
  transition: all 0.5s ease-in-out;
}

.overlay.show {
  pointer-events: all;
  opacity: 1;
}

/* //////////////////////////////////////////////// */
/* Logo */

.overlay-logo {
  position: absolute;
  bottom: -18rem;
  left: -18rem;
  height: 36rem;
  transform: rotate(25deg);
  width: auto;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.overlay-logo.show {
  bottom: -13rem;
  left: -18rem;
  transform: rotate(0);
  opacity: 1;
}

@media (min-width: 480px) {
  .overlay-logo {
    bottom: -24rem;
    left: -24rem;
    height: 50rem;
  }

  .overlay-logo.show {
    bottom: -19rem;
    left: -24rem;
  }
}