html, body{height:100%;margin:0px;padding:0px;}
.container-login1{display:table;height:100%;margin: 0 auto;}
.container-form{display:table-cell;vertical-align:middle;  width:700px;}

.border1 {border:#000 1px solid};
.brand-wrapper {margin-bottom: 19px; }
.brand-wrapper  .logo {height: 37px; }

.login-card {border-radius: 27.5px; box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);overflow: hidden; }
.login-card-img {border-radius: 0;position: absolute;width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover; }
.login-card .card-body {padding: 40px; } 
.login-card form{max-width:324px; align-items: center;}

.login-card-description {font-size: 20px;color: #000; font-weight: normal;margin-bottom: 23px; }
.login-card .form-control {border: 1px solid #d5dae2;padding: 15px 15px;margin-bottom: 20px;min-height: 45px;font-weight: normal;line-height: 15;font-size:17px}

.login-card .form-control::-webkit-input-placeholder {color: #919aa3; }
.login-card .form-control::-moz-placeholder {color: #919aa3; }
.login-card .form-control:-ms-input-placeholder {color: #919aa3; }
.login-card .form-control::-ms-input-placeholder {color: #919aa3; }
.login-card .form-control::placeholder {color: #919aa3; }
.login-card .login-btn {
    padding: 13px 20px 12px;background-color: #000;border-radius: 4px;
    font-size: 17px;font-weight: bold;line-height: 20px;color: #fff;margin-bottom: 24px; }
.login-card .login-btn:hover {border: 1px solid #000;background-color: transparent;color: #000; }


@media (max-width: 700px) {
    .login-card .card-body {padding: 20px; } 
    .container-form{padding:20px}
}