.footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#000;
    padding:14px 0;
    z-index:30;
}

.contact{
    display:flex;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
    padding:0 16px;
}

.contact a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    transition:opacity 0.25s ease;
}

.contact i{
    margin-right:8px;
}

.contact a:hover{
    opacity:0.7;
}

@media (max-width:900px){
    .contact{
        gap:18px;
    }
}

@media (max-width:768px){

    .footer{
        padding:10px 0;
    }

    .contact{
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-evenly;
        align-items:center;
        gap:0;
        padding:0 10px;
    }

    .contact a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        font-size:0;
        line-height:1;
    }

    .contact i{
        margin-right:0;
        font-size:22px;
    }

    .contact span{
        display:none;
    }

    .contact-email{
        order:1;
    }

    .contact-whatsapp{
        order:2;
    }

    .contact-phone{
        order:3;
    }

    .contact-instagram{
        order:4;
    }

    .contact-facebook{
        order:5;
    }
}