/* Use the finished hero art supplied for the prototype. */
.hero__background {
  background-image: url("assets/hero-prototype-background.png");
  background-size: cover;
  background-position: center;
  animation: none;
  transform: none;
}

.hero__overlay {
  background: transparent;
}

/* Desktop optical alignment to the supplied reference artboard. */
@media (min-width: 901px) {
  .hero__background {
    background-image: url("assets/hero-prototype-background.png");
    background-size: cover;
    background-position: center;
    animation: none;
    transform: none;
  }

  .hero__overlay {
    background: transparent;
  }

  .hero__content {
    margin-top: 69px;
    transform: translateX(8px);
  }

  .conference-name .conference-name__title {
    font-size: 42px;
    line-height: 1.18;
  }

  .hero #conference-title {
    margin-top: 37px;
  }

  .event-info,
  .countdown {
    margin-left: 8px;
  }

  .event-info {
    margin-top: 27px;
  }
}