#page-login .login-content .app-logo,
#page-login .page-card .app-logo,
.for-login .app-logo,
.for-forgot .app-logo,
.for-signup .app-logo,
.for-email-login .app-logo,
body[data-path="update-password"] .app-logo {
	display: block;
	width: min(360px, 82vw) !important;
	max-width: 100%;
	height: auto !important;
	max-height: none !important;
	object-fit: contain;
	margin: 0 auto 24px;
}

#page-login .login-content,
#page-login .page-card {
	padding-top: 34px;
}

.navbar-brand img,
.app-logo {
	object-fit: contain;
}

@media (max-width: 480px) {
	#page-login .login-content .app-logo,
	#page-login .page-card .app-logo,
	.for-login .app-logo,
	.for-forgot .app-logo,
	.for-signup .app-logo,
	.for-email-login .app-logo,
	body[data-path="update-password"] .app-logo {
		width: min(300px, 86vw) !important;
		margin-bottom: 20px;
	}
}