.LoginHeader
{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center !important;
	background-color: var(--Header-BG);
	color:  var(--Header-Color);
	height: var(--HeaderHeight);
}
.LoginFooter
{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: small;
	text-align: center !important;
	height: var(--FooterHeight);
	background-color: var(--Footer-BG);
	color:  var(--Footer-Color);
}
.LoginHeaderLogo
{
	flex: 1;
    flex-shrink: 0; 
    flex-grow: 0;
}
.LoginHeaderTitle
{
	flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    font-size: medium; 
    justify-content: center;
    align-content: center;
    align-items: center; 
}
.LoginBody
{
	display: flex;
	flex: 1;
	width: auto;
	height: auto;
	height: 100%;
	background-color: var(--Body-BG) ;
	color: var(--Body-Color);
	justify-content: center;
    align-items: center;
    align-content: center;
}






@media only screen and (min-width: 1000px) 
{
    .LoginHeaderTitle
    {
        font-size: x-large; 
    }
    .LoginFooter
	{
		font-size: medium;
	}

}