@media (max-width: 768px) {

    .footer {
        margin-top: auto;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    .footer .left .left-supp img.logo-footer,
    .footer .left .left-supp img {
        height: 30px;
        width: auto;
    }
    .left-supp p {
        display: none;
    }
    .alinks {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .footer .alinks a {
        margin: 0;
        font-size: 0.8rem;
    }
    .footer .right .alinks p {
        font-weight: bold;
        font-size: 0.8rem;
    }
    .footer .alinks a span{
        display: none;
    }
    .footer .right {
        display: flex;
        gap: 1rem;
        flex-direction: row;
        align-items: start;

    }
.footer .right .alinks{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

}