ul.social {width: calc(100% + 12px);  display: flex; align-items: center; flex-wrap: wrap; }
ul.social li {

    line-height: 1;

    margin: 4px !important;
}


#footer ul.social li {  font-size:32px;   }

#footer ul.social { position: relative; width: calc(100% + ((44px - 32px) * 2));
    right:calc(44px - 32px);

    width: calc(100% + 8px);
    right:4px;right:calc(44px - 32px);
}


ul.social li a {
    display: flex !important; align-items: center !important; align-content: center !important; justify-content: center !important;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: #FFF;

    width: 44px; height: 44px;
    text-decoration: none;

    /*overflow: hidden;padding: 0.0833333333333333rem;*/
    margin: 0 auto !important;
    transition: all 0.2s ease;
    background: none !important;
}


ul.social li a:hover { /*border: 1px solid #E4E1D7;*/

}




.social a::before {
    font-family: 'social';
    content: "";
    display: block;
    background-size: contain; background-position: center;
    background-repeat: no-repeat;
}
.social a:hover::before {

}


.social a[href*="bsky"]::before {

    content:"\E809";

}
.social a[href*="facebook"]::before {

    content:"\E800";

}
.social a[href*="insta"]::before {
    content:"\E801";
}
.social a[href*="sound"]::before {
    content:"\E802";
}
.social a[href*="twitter"]::before,
.social a[href*="x."]::before {

    content:"\E803";
}
.social a[href*="yout"]::before {
    content:"\E804";
}
.social a[href*="linkedin"]::before {
    content:"\E805";
}

.social a[href*="vimeo"]::before {

}

.social li a:hover {
    opacity: 0.7;
}