.page-header
{
    display: flex;
    justify-content: space-between;   
}

.page-header-top-compagny
{
    font-size: 160%;
    font-weight: bolder;
    color: var(--vss-color-label);
}
.page-header-top-info
{
    font-size: 70%;
    text-align: end;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    align-items: flex-end;    
}

.vss-page-footer > div
{
    font-size: 90%;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    color: var(--vss-color-label);
}

@media only screen and (max-width: 640px)
{
    .page-header
    {
        flex-direction: column;
        align-items: center;        
    }

    .page-header-top-info
    {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .vss-page-footer
    {
        font-size: 80%;
        flex-wrap: wrap;
    }
}