.logo-block {
  position: absolute;

  display: flex;
  flex-direction: column;


  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.qualer-logo {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  height: 6rem;
  display: block;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}

.loading-animation {
  font-family: 'Fira Sans',verdana,helvetica,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: .9rem;
  color: gray;
  top: -5px;
  position: relative;
  text-align: center;
}
.loading-animation-dot {
  font-size: .5rem;
}
.service-name-block {
  margin-left: 10px;
  color: gray;
  font-family: 'Fira Sans', verdana, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  float: left;
  padding-top: 10px;
  text-align: left;
}
.service-name-separator {
  font-size: .7rem;
}
.service-name {
  font-size: 1.9rem;
}