footer
{
    padding: 10vw;
    padding-bottom: 2rem;
}

footer h3
{
    color: var(--darkOrange);
    font-size: var(--smallFontSize);
    padding-bottom: 1rem;
}

footer > div.menus
{
    display: flex;
    gap: 5rem;
}

footer > div.menus li
{
    padding-bottom: 0.25rem;
}

footer > div.menus li > a:has(span)
{
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

footer > div.menus li > a:has(span) span
{
    font-family: var(--fontRegular);
}





footer > div.buttons
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10vh;
}



footer div.copyright
{
    display: flex;
    gap: 1rem;
    align-items: center;
}

footer div.copyright > p
{
    font-size: 0.75rem;
    line-height: 1.5;
}

footer div.copyright > img
{
    width: 16px;
}



footer > div.buttons > div.social
{
    display: flex;
    justify-content: center;
    gap: 2rem;
}

footer > div.buttons > div.social > a
{
    padding-bottom: 0.2rem;
}

footer > div.buttons > div.social > a > img
{
    height: 16px;
    box-sizing: content-box;
}






@media only screen and (max-width: 500px)
{
    footer
    {
        padding: 2rem;
    }


    footer > div.menus
    {
        flex-direction: column;
        gap: 2rem;
    }

    footer > div.buttons
    {
        flex-direction: column;
        gap: 3rem;
        align-items: flex-start;
        padding-bottom: 2rem;
        order: 1;
    }

    footer div.copyright
    {
        order: 2;
    }
}