.LoginHeader
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    background-color: red;
    background: var(--Header-BG);
    color: var(--Header-Color);
}
.LoginFooter
{
    display: flex;
    width: 100%;
    line-height: 2;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: var(--Footer-BG);
    color: var(--Footer-Color);
}
.LoginBody
{
    display: flex;
    flex: 1;
    height: auto;
    width: auto;
    justify-content: center;
    align-content: center;
    align-items: center;
}


.HeaderLogo
{
	flex: 1;
    flex-shrink: 0; 
    flex-grow: 0;
}
.HeaderTitle
{
	flex: 3;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    font-size: medium; 
    justify-content: center;
    align-content: center;
    align-items: center;       
    font-size: 10px; 
}



@media only screen and (min-width: 1000px) 
{
    .LoginHeader
    {
        font-size: xx-large;
    }
    .LoginFooter
    {
        font-size: small;
    }

}