.login-container {
     min-height: 100%;
     display: flex;
     padding:30px 15px;
     font-size: 1rem;
}
 .login-form {
     max-width: 400px;
     width:100%;
     margin:auto;
}

 .login-logo img{
     max-width: 100%;
     max-height: 100px;
}

 .astm-form-footer {
     margin-top: 20px;
     padding-top: 20px;
     border-top: 1px dashed #999;
}
 .astm-form-footer {
     margin-top: 20px;
     padding-top: 20px;
     border-top: 1px dashed #999;
}
 .login-error{
    padding:30px 110px;
}
 @media screen and (max-width: 640px){
     .login-error{
        padding:30px 30px 30px 110px;
    }
}
 .login-error .login-form{
     max-width:420px 
}
 .astm-error{
     margin-top:60px;
     position:relative;
}
 .error-icon{
     position: absolute;
     left: -95px;
     top: 10px;
}
 .error-para{
     line-height:36px;
}
 .link{
     color: #0071eb;
}
 .a-link-text-align-right{
     float: right;
}
 br {
     content: "";
     margin: 2em;
     display: block;
     font-size: 24%;
}
 .astm-alert-text{
     padding-left:25px;
     position:relative;
}
 .astm-alert-text img.d-inline-block{
     position:absolute;
     top:0;
     left:0;
}
 .centered {
     position: fixed;
     top: 50%;
     left: 50%;
    /* bring your own prefixes */
     transform: translate(-50%, -50%);
}