div.scroll-banner {
  background-color: black;
  position: absolute;
  top: 0.2em;
  left: 0.1%;
  width: 99.8%;
  overflow: hidden;
}

div.scroll-text {
  text-align: right;
  white-space: nowrap;

  animation: marquee 13s linear infinite;
}

div.scroll-banner > div.scroll-text > * {
  color: #ff6161;
  font-size: 150%;
}

@keyframes marquee {
  from {
    transform: translateX(55%);
  }

  to {
    transform: translateX(-100%);
  }
}

@media only screen and (max-width: 850px) {
  /* Mobile display */
  div.info-text {
    animation: marquee 9s linear infinite;
  }

  @keyframes marquee {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-210%);
    }
  }
}