footer {
    font-size: 12px;
    box-sizing: border-box;
    padding-bottom: 20px;
    color: var(--white);

    background-image: linear-gradient(to top, #023742, rgb(2 55 66 / 0));
}

footer hgroup {
    max-width: 800px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

footer nav a {
    text-decoration: none;
    color: var(--white);
    display: inline-block;
    padding: 5px 10px;
}

footer nav a:hover { text-decoration: underline; }

footer .social a {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    padding: 0;
    margin: 2px 5px;
    text-align: center;
    background-color: var(--white);
    border-radius: 25%;
}

footer .mgLink { display: none; }

footer .partners {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

footer .partners img {
    display: block;
    height: 28px;
    width: auto;
    flex-shrink: 0;
}

/* Mobile */
@media (max-width: 979.99px) {
    footer section {
        text-align: center;
        margin: 20px;
    }

    footer nav { margin: 20px 0; }
}

/* Desktop */
@media (min-width: 980px) {
    footer section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;

        max-width: 960px;
        margin: 0 auto;
    }

    footer section > div:first-child a {
        display: inline-block;
        padding: 15px 25px 5px 5px;
    }

    footer nav > div {
        display: inline-block;
        margin: 0 4px;
    }
}