div.event-icon {
  margin: auto;

  width: 50px;

  height: 50px;

  border-radius: 50%;
}

.event-header-text,
.event-text {
  text-align: center;
}

.event-text {
  font-size: 75%;
}

div.high-fire {
  background: rgba(255, 0, 0, 0.8);
}

div.medium-fire {
  background: rgba(255, 165, 0, 0.8);
}

div.earthquake {
  background: rgba(139, 69, 19, 0.8);
}

div.popup-alert {
  font-size: 85%;
}

.popup-alert-title {
  font-weight: bold;
  font-size: 90%;
  color: #2554c7 !important;
  margin-bottom: 0.2rem;
}

div.popup-alert span.popup-label {
  font-weight: bold;
}