.login {position: relative;height: 100vh;}
.login-page {position: relative;height: calc(100vh - 40px);display: contents;width: 100%;}
.login-col {position: relative;display: inline-block;float: none;margin:auto;width: 500px;height: 100%;padding: 1rem;font-size: 16px;}
.login-col.bg-1 h2 {background: #FFFFFF;padding:5px 15px;color:#009688;}
.login-col input[type="text"], .login-col input[type="password"] {font-family: monospace;background: rgb(255, 255, 255);border: 0;padding: 5px 10px;width: calc(100% - 180px);font-size: 15px;line-height: 20px;margin-right: 20px;}
.login-col label {position: relative;float: left;display: inline-block;padding: 5px 10px;width: 120px;margin: 0;color: #FFFFFF;font-size: 18px;line-height: 20px;}
.footer {text-align: center;}
@media screen and (max-width:780px) {
  .login-col {width: 400px;}
  .footer {zoom: 75%;}
}