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

@media only screen and (min-width: 1000px) 
{
	.LoginHeader
	{
		/*height: var(--HeaderHeight);*/
	}
    .LoginHeaderTitle
    {
        font-size: x-large; 
    }
    .LoginFooter
	{
		/*height: var(--FooterHeight);*/
	}
}