@media (max-width: 767.98px) {
  .hero {
    display: none;
  }
}

/* Quando for mobile: centraliza */

#doce {
  position: absolute;
  top: 0;
  left: 0;
}

/* Quando for mobile: centraliza */

@media (max-width: 767.98px) {
  #doce {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

#wrapper {
  position: relative;
}