@media only screen and (min-width: 0) {
    div.social_odd {
        width     : 100%;
        float     : left;
        margin-top: .5em;
        text-align: right;
    }

    a.socialItem_odd {
        display    : inline-block;
        margin-left: 5px;
        width      : 1.5em;
        height     : 1.5em;
        cursor     : pointer;
        filter     : grayscale(100%);
        transition : linear 150ms;
    }

    a.socialItem_odd:hover {
        filter: grayscale(0);
    }

    a.socialItem_odd>img {
        width : 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    div.social_odd {

        margin-top: -1em;
    }
}