/** Marquee */
.marquee {
  width: inherit;
  overflow: hidden;
  position: relative;
  height: 1.8em;
}

.marquee .marquee-text {
  width: 200%;
  display: block;
  height: 2em;
  position: absolute;
  overflow: hidden;
  background-color: #c83c3c;
  top: 0px;
  left: 0px;
}

.marquee .marquee-text {
  animation: marquee 8s linear infinite;
}

.marquee .marquee-text p {
  float: left;
  width: 50%;
  color: white;
  font-size: 0.9em;
}

.marquee-text-type {
  position: relative;
  padding: 0.3em;
  max-width: 15;
  width: 15em;
  color: white;
  background-color: #c83c3c;
  z-index: 4;
  border-right: white solid 1px;
  font-weight: bold;
  font-size: 0.8em;
  height: inherit;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@media screen and (max-width: 1300px) {
  .marquee .marquee-text {
    animation: marquee 7.5s linear infinite;
  }
}
@media screen and (max-width: 900px) {
  .marquee .marquee-text {
    animation: marquee 6s linear infinite;
  }
}
@media screen and (max-width: 800px) {
  .marquee .marquee-text {
    animation: marquee 6.5s linear infinite;
  }

  .marquee .marquee-text {
    width: 400%;
  }

  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
}
@media screen and (max-width: 600px) {
  .marquee {
    height: 3.6em;
  }

  .marquee .marquee-text {
    animation: marquee 6s linear infinite;
  }

  .marquee .marquee-text {
    width: 600%;
    display: block;
    height: 1.8em;
    clear: both;
    position: relative;
    top: 1px;
  }

  .marquee .marquee-text-type {
    display: block;
    height: 1.8em;
  }

  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -300%;
    }
  }
}
@media screen and (max-width: 400px) {
  .marquee .marquee-text {
    animation: marquee 6s linear infinite;
  }
}

/*# sourceMappingURL=marquee.css.map */