.logo-socials {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.logo-x-circle {
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    background-image: url("../img/logo-x-black-transparent.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px; /* image size */
    border-radius: 50%;
}

.logo-meta-circle {
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    background-image: url("../img/logo-meta-blue-transparent.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 16px; /* image size */
    border-radius: 50%;
}

.logo-x-rounded {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    background-image: url("../img/logo-x-black-transparent.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px; /* image size */
    border-radius: 15%;
    margin: 0;
    padding: 0;
}

.logo-meta-rounded {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    background-image: url("../img/logo-meta-blue-transparent.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 11px; /* image size */
    border-radius: 15%;
    margin: 0;
    padding: 0;
}

.logo-email-rounded {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    background-image: url("../img/logo-email-transparent.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 19px; /* image size */
    border-radius: 15%;
    margin: 0;
    padding: 0;
}

/*
.x-logo:hover {
    background-image: url("../img/x-logo-black.png");
}
 */