.LoginHeader
{
	display: flex;
	width: 100%;
	background-color: var(--Header-BG) ;
	color: var(--Header-Color);
	height: var(--HeaderHeight);
}
.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
{
	/*flex: 1;*/
	display: flex;
	flex: 1;
	width: auto;
	height: auto;
	background-color: var(--Body-BG) ;
	color: var(--Body-Color);
	justify-content: center;
    align-items: center;
    align-content: center;
}
.LoginFooter
{
	display: flex;
	flex-shrink: 0;
	justify-content: center;
    align-content: center;
    align-items: center;
    font-size: small;
    line-height: 2;
	width: 100%;
	background-color: var(--Footer-BG) ;
	color: var(--Footer-Color);
	height: var(--FooterHeight);
}

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