#red-topbar {
  background-color: #f00;
  text-align: center;
  padding: 5px 15px;
  z-index: 9999;
  position: fixed;
  width: 100%;
}
#red-topbar div, #red-topbar a {
  color: #fff;
}
#red-topbar a:hover {
  opacity: 0.6;
}

/* Hide both by default */
.popup-desktop,
.popup-mobile {
  display: none;
  text-align: center;
}

/* Show only on desktop (min-width 992px and above) */
@media (min-width: 992px) {
  .popup-desktop {
    display: block;
  }
}
/* Show only on mobile (max-width 991px and below) */
@media (max-width: 991px) {
  .popup-mobile {
    display: block;
  }
}

/*# sourceMappingURL=style-fx.css.map */