#fd_copyright_banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    width: 100%;

    .fd-copyright {
        display: flex;
        flex-direction: column;
        align-items: center;

        a, span {
            color: inherit;
        }

        .complement_links, .complement_links > p {
            display: flex;
            gap: 8px;

            a {
                &:before {
                    content: "·";
                    margin-right: 8px;
                    color: inherit;
                }
                &:after {
                    content: "·";
                    margin-left: 8px;
                    color: inherit;

                    @media (max-width: 650px) {
                        content: none;
                    }
                }
                &:first-child:before, &:first-child:after {
                    content: none;
                }
                &:nth-child(2n+1):before, &:nth-child(2n+1):after {
                    content: none;
                }
            }
            @media (max-width: 650px) {
                display: grid;
                grid-template-columns: repeat(2, max-content);
                gap: 6px 8px;
                justify-content: center;
                justify-items: center;
                text-align: center;

                & > :last-child:nth-child(odd){
                    grid-column: 1 / -1;
                    justify-self: center;
                }
            }
        }

        .title {
            @media (max-width: 650px) {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
        }

        .website_link {
            text-decoration: underline;
        }

        p {
            margin: 0;
        }
    }

}