.login-container{width: 420px; max-width: 100%; padding: 20px; background-color: rgba(255, 255, 255, .8) !important;}
.login-reg{ font-family: Poppins; color:#6d6e71; background-image:url('../img/login-register.jpg');}
.login-reg .title{ font-size:1vw; }
.login-reg .text-description{ font-weight: bold !important; font-size:1vw; line-height:1.2}

.login-reg .form-control.form-field-login{max-width: 100%; background:url('../img/icon-login.png') no-repeat  20px center #FFF}
.login-reg .form-control.form-field-pass{max-width: 100%; background:url('../img/icon-pass.png') no-repeat  20px center #FFF}
.login-reg input.form-control { font-size:1.125rem; color:#00728e;  padding:1.6vw 1vw 1.6vw 60px; border-radius:25px; }
.btn.btn-login{ background-color:#df8c37; padding:.5vw 4.5vw;  font-size:1vw  }

::-webkit-input-placeholder {color:#00728e;}
:-moz-placeholder {color:#00728e;opacity:  1;}
::-moz-placeholder {color:#00728e;opacity:  1;}
:-ms-input-placeholder {color:#00728e;}
::-ms-input-placeholder {color:#00728e;}
::placeholder {color:#00728e;}
#loginform .text-center img{
    max-width: 80% !important;
}
/* MEDIA SCREEN */
@media only screen and (max-width: 600px) {
    .login-container{ width: 320px; }
    #login{ padding:  7px 5px 5px 60px; }
    #password{ padding: 7px 5px 5px 60px; }
}