html,
body.CustomLoginLanding
{

	margin: 0;
	padding: 0;
	height: 100%;
	background: #001722;
	color: #e8f7f7;
	font-family: Segoe UI, Arial, sans-serif;

}
.CustomLoginLayout
{

	display: flex;
	min-height: 100vh;

}
.CustomLoginContactPanel
{

	flex: 0 0 340px;
	max-width: 40%;
	padding: 48px 36px;
	background: linear-gradient(180deg, #00202e 0%, #001722 100%);
	border-right: 1px solid #2d9191;
	box-sizing: border-box;

}
.CustomLoginContactPanel h1
{

	margin: 0 0 16px;
	font-size: 28px;
	color: #1cb8b8;

}
.CustomLoginContactPanel h2
{

	margin: 28px 0 12px;
	font-size: 18px;
	color: #1cb8b8;

}
.CustomLoginContactPanel p
{

	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.6;

}
.CustomLoginContactPanel a
{

	color: #1cb8b8;
	font-weight: 600;
	text-decoration: none;

}
.CustomLoginContactPanel a:hover
{

	text-decoration: underline;

}
.CustomLoginFrameWrap
{

	flex: 1 1 auto;
	min-width: 0;
	background: #111;

}
.CustomLoginFrame
{

	display: block;
	width: 100%;
	height: 100vh;
	border: 0;
	background: #111;

}
@media (max-width: 900px)
{
.CustomLoginLayout
{

		flex-direction: column;
	
}
.CustomLoginContactPanel
{

		max-width: none;
		border-right: 0;
		border-bottom: 1px solid #2d9191;
	
}
.CustomLoginFrame
{

		height: 75vh;
	
}
}