#social {
    background-color: #717b8a;
}

#social .media {
    padding: 50px 20px;
    display: inline-block;
    width: 33.33333%;
    font-size: 35px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#social .media span {
    font-family: 'Source Code Pro';
    font-weight: 200;
    font-size: 18px;
    letter-spacing: 3px;
    position: relative;bottom: 5px;
}

#social .media#fb:hover {
    color: #4267b2;
}

#social .media#fb:hover * {
    color: #4267b2;
}

#social .media#tw:hover {
    color: #1da1f2;
}

#social .media#tw:hover * {
    color: #1da1f2;
}

#social .media#ln:hover {
    color: #0084bf;
}

#social .media#ln:hover * {
    color: #0084bf;
}

@media screen and (max-width:767px) {
    #social .media {
        padding: 20px 20px;
        text-align: left;
    }
}