.socials {
    display: inline-block;
    vertical-align: middle;
}

.socials_hidden {
    display: none;
}

.social-item {
    float: left;
    margin: 8px;
}

.social-item:first-child {
    margin-left: 0;
}

.social-item img {
    display: block;
    max-width: 24px;
    max-height: 24px;
}

@media (max-width: 630px) {
    
    .socials {
        display: block;
    }
    
    .socials_hidden {
        display: none;
    }
    
    .social-item {
        vertical-align: top;
        float: none;
        display: inline-block;
    }
}