/* Track331: keep the legacy mobile login layout and correct the Alrakeen logo ratio. */

.login-page .mobile-legacy-logo {
	width: 100%;
	text-align: center;
}

.login-page .mobile-legacy-logo .logo {
	display: inline-block;
	width: auto;
	height: 82px;
	max-width: min(220px, 70vw);
	margin: 12px auto 20px;
	border: 0;
	object-fit: contain;
}

@media (max-width: 480px) {
	.login-page .mobile-legacy-logo .logo {
		height: 74px;
		margin-top: 10px;
		margin-bottom: 18px;
	}
}