#Mainfooter
{
    --rows: 3;
    --grid-row-gap: var(--row-gap);
    --inside-horizontal-margin: calc(var(--row-gap) * .5);
    --outside-bottom-margin: var(--inside-horizontal-margin);

    grid-column: pos-first / pre-last;
    grid-template-columns: subgrid;
    padding: 0 var(--default-inside-vertical-margin);
    background-color: var(--hardlight);
    border-radius: var(--base-size);
    margin-bottom: var(--page-margin);
}

#Mainfooter > .logo
{
    width: 75%;
    grid-column: pos-first / pre-division 1;
    grid-row: pos-first / pre-row 1;
}

#Mainfooter > address
{
    grid-column: pos-first / pre-middle 2;
    grid-row: pos-row 1 / pre-row 2;
}

#Mainfooter > .menu
{
    grid-column: pos-division 2 / pre-division 3;
    grid-row: pos-row 1 / pre-row 2;
}

#Mainfooter > .auxiliar
{
    grid-column: pos-division 3 / pre-division 4;
    grid-row: pos-row 1 / pre-row 2;
}

#Mainfooter > .copy
{
    grid-column: pos-division 2 / pre-last;
    grid-row: pos-row 2 / pre-last;
}


@media (max-width: 960px) {
    #Mainfooter
    {
        --outside-horizontal-margin: var(--outside-bottom-margin);
        padding: 0 var(--column-gap);
    }

    #Mainfooter > .logo
    {
        width: auto;
        height: calc(var(--row-gap) * 1.333334);
    }

    #Mainfooter > address
    {
        grid-column: pos-first / pre-division 2;
    }

    #Mainfooter > .menu
    {
        grid-column: pos-middle 3 / pre-middle 4;
    }

    #Mainfooter > .auxiliar
    {
        grid-column: pos-middle 4 / pre-middle 5;
    }

    #Mainfooter > .copy
    {
        grid-column: pos-middle 3 / pre-last;
    }   
}

@media (max-width: 480px) {
    #Mainfooter
    {
        --rows: 4;
        --grid-row-gap: var(--display-gap);
    }

    #Mainfooter > .logo
    {
        height: calc(var(--row-gap) * 2);
    }   

    #Mainfooter > address
    {
        grid-column: pos-first / pre-last;
    }

    #Mainfooter > .menu
    {
        grid-column: pos-first / pre-middle 2;
        grid-row: pos-row 2 / pre-row 3;
    }

    #Mainfooter > .auxiliar
    {
        grid-column: pos-middle 2 / pre-last;
        grid-row: pos-row 2 / pre-row 3;
    }

    #Mainfooter > .copy
    {
        grid-column: pos-first / pre-last;
        grid-row: pos-row 3 / pre-last;
    }
}