.loading {
  position: fixed;
  z-index: 1500;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* color: #00bfeb;
	color: #00a651; */
}

.loading:not(.loading-hidden) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.loading-hidden {
  display: none;
}

.loading-content {
  z-index: 999999;
}

.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

#loading-body {
  font-family: Arial;
  padding: 1.2em 4em;
  opacity: 0.7;
}

@media screen and (max-device-width: 500px) {
  #loading-body {
    padding: 1em;
    font-size: 1.1em;
  }
}