.auth-brand {
	width: 80%;
}

.auth-brand a {
	display: block;
}

.auth-brand a img {
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.link {
    color: #023560;
    font-weight: bold;
}

.link:hover {
    color: #023560;
    text-decoration: underline;
}

.btn-primary {
    color: #fff;
    background-color: #31568C;
    border-color: #31568C;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #31568C;
    border-color: #31568C;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(49,86,140, 0.25);
    box-shadow: 0 0 0 0.15rem rgba(49,86,140, 0.25);
}

.invalid-feedback2 {
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color: #ff5b5b;
}

@media screen and (max-width:320px) { 
	.card-body {
	    padding: 0;
	}
}

@media screen and (max-width:480px) { 
	.card-body {
	    padding: 0;
	}
}

@media screen and (max-width:640px) {
	.auth-brand {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.auth-brand {
		width: 100%;
	}
}

@media screen and (max-width: 960px) {
	.auth-brand {
		width: 100%;
	}
}

@media screen and (max-width:1024px) {
	
}