:root
{
    --footer-background-colour: var(--menu-bar-background-colour);
    --footer-width: var(--page-width);
    --footer-lateral-paddings: 40px;
    --footer-font-size: 12px;
    --footer-paragraph-text-colour: rgb(111, 111, 111);
}

#MainFooterBand
{
    background-color: var(--footer-background-colour);
    text-align: left;
    color: var(--footer-paragraph-text-colour);
    font-size: var(--footer-font-size);
}

#MainFooter
{
    width: var(--footer-width);
    margin: auto;
    padding-left: var(--footer-lateral-paddings);
    padding-right: var(--footer-lateral-paddings);
    font-size: var(--footer-font-size);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#MainFooter nav
{
    display: flex;
    flex-direction: row;
}

#MainFooter nav section
{
    flex-grow: 1;
}

#MainFooter nav h2
{
    font-size: var(--footer-font-size);
    color: var(--text-colour);
}

#MainFooter nav h2:not(:first-child)
{
    margin-top: var(--footer-font-size);
}

#MainFooter ul
{
    padding-left: 0px;
}

#MainFooter li
{
    list-style: none;
    color: var(--footer-paragraph-text-colour);
}

#MainFooter li a
{
    color: var(--footer-paragraph-text-colour);
    text-decoration: none;
}

#MainFooter li a:hover
{
    text-decoration: underline;
}

#MainFooter h2, #MainFooter ul, #MainFooter li
{
    padding: 0px;
    margin: 0px;
    line-height: calc(2*var(--footer-font-size));
}

#Copyright
{
    margin-top: 40px;
    text-align: center;
    color: var(--footer-paragraph-text-colour);
}