.login-wrapper {
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

.login-container {
   min-width: 320px;
   padding: 15px;
}

.register-instructions {
   width: 320px;
}

.login-container .row {
   margin: 12px 0;
}

.login-input {
   padding: 15px 0;
}

.image-panel {
   background: #f7fcff;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding: 15px;
}

.partner-logo-container {
   width: 100%;
   margin-top: 20px;
}

.partner-logo {
   width: auto;
   height: 100px;
}

.log-in-error {
   color: var(--s-red);
   max-width: 500px;
}

.learn-button {
   transform: translate(50px, 140px);
   position: absolute;
}

@media screen and (max-width: 450px) {
   .mobile-hide {
      display: none !important;
   }
}