.login-box{width:500px; max-width:90%}
.registerbox{width:680px;max-width:90%}
.is-invalid {  font-size: 80%;  color: #dc3545;}
.login-box .nav-pills .nav-link{margin:8px 3px 8px; background:#f5f5f5}
.login-box .nav-pills .nav-link:last-child{ margin-right:0}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}
.error.invalid-feedback { display: block; }
@media (max-width: 560px) {
    .login-box .nav-pills li.nav-item {
        width: 100%;
    }
}