#recoverform .fa-spinner
{
  animation: rotate 2s linear infinite;
}

#login-alerts {
  width: 400px;
  margin: 20px auto;
}
#magazine-logos {
  position: absolute;
  right: 0px;
  bottom: 20px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}


#magazine-logos img {
  display: block;
  height: 300px;
  /*margin-top: 10px;*/
}

/* Hide the images on screens smaller than 1024px */
@media (max-width: 1023px) {
  #magazine-logos img {
      display: none;
  }
}

.login-screen {
    background-position: top right !important;
    background-repeat: no-repeat !important;
    
    
}

.logo-wrapper {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 10vh;
}
.logo-wrapper img {
  width: 120px;
}


.top-background img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 70vw;
}

/* Hide the image on screens smaller than 1024px */
@media (max-width: 1023px) {
  .top-background img {
      display: none;
  }
}