.social-share-wrapper {
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    /* padding-top: 30px; */
}
.written + .social-share-wrapper {
    padding: 0 10px;
}
.social-share-wrapper div {
    float: left;
    margin: 5px 1% 5px 0;
    text-align: center;
    width: 19%;
    height: 52px;
    padding:0 !important;
    border-radius: 3px;
}

.social-share-wrapper div img {
    position: relative;
    top: 4px;
    width: 20px !important;
    margin-right: 3px;
}

.social-share-wrapper div.share-on
{
    padding: 5px;
    font-weight: bold;
}

.social-share-wrapper div.facebook
{
    background-color: #3a5795;
    box-shadow: 0 3px 0 #304775;
    padding: 5px;
}

.social-share-wrapper div.facebook a
{
    color: white;
}

.social-share-wrapper div.twitter
{
    background-color: #11ABF0;
    box-shadow: 0 3px 0 #0e86d5;
    padding: 5px;
}

.social-share-wrapper div.twitter a
{
    color: white;
}

.social-share-wrapper div.google
{
    background-color: #D2422D;
    box-shadow: 0 3px 0 #ab3626;
    padding: 5px;
}

.social-share-wrapper div.google a
{
    color: white;
}

.social-share-wrapper div.pinterest
{
    background-color: #CB2229;
    box-shadow: 0 3px 0 #a31d22;
    padding: 5px;
}

.social-share-wrapper div.pinterest a
{
    color: white;
}

.social-share-wrapper div.pocket
{
    background-color: #E84353;
    box-shadow: 0 3px 0 #c83744;
    padding: 5px;
}

.social-share-wrapper div.pocket a
{
    color: white;
}

.social-share-wrapper div.line
{
    background-color: #06c304;
    box-shadow: 0 3px 0 #059b03;
    padding: 5px;
}

.social-share-wrapper div.line a
{
    color: white;
    margin-top: -5px;
}

.social-share-wrapper div.hatena
{
    background-color: #008FDE;
    box-shadow: 0 3px 0 #0070b9;
    padding: 5px;
}

.social-share-wrapper div.hatena a
{
    color: white;
    margin-top: -5px;
}

.social-share-wrapper div.kakao
{
    background-color: #FBC201;
    box-shadow: 0 3px 0 #ef9a01;
    padding: 5px;
}

.social-share-wrapper div.kakao a
{
    color: white;
    margin-top: -5px;
}

.social-share-wrapper div.weibo
{
    background-color: #DB262A;
    box-shadow: 0 3px 0 #b52023;
    padding: 5px;
}

.social-share-wrapper div.weibo a
{
    color: white;
}

.social-share-wrapper div.qzone
{
    background-color: #FEC306;
    box-shadow: 0 3px 0 #fa9b05;
    padding: 5px;
}

.social-share-wrapper div.qzone a
{
    color: white;
    margin-top: -5px;
}

.social-share-wrapper div.tweibo
{
    background-color: #399DD9;
    box-shadow: 0 3px 0 #2f7bb3;
    padding: 5px;
}

.social-share-wrapper div.tweibo a
{
    color: white;
}

.social-share-wrapper div.renren
{
    background-color: #046bc7;
    box-shadow: 0 3px 0 #03569f;
    padding: 5px;
}

.social-share-wrapper div.renren a
{
    color: white;
}
.social-share-wrapper div.reddit
{
    background-color: #89bcee;
    box-shadow: 0 3px 0 #6c94d2;
    padding: 5px;
}

.social-share-wrapper div.reddit a
{
    color: white;
}

.social-share-wrapper div a
{
    text-decoration: none;
    border: none;
    font-size: 12px;
}
.social-share-wrapper div a {
    border: medium none;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    padding: 17px 0;
    display: block;
}

.clear
{
    clear: left;
}

@media screen and (max-width: 960px) {
.social-share-wrapper div span { display: none;}
.social-share-wrapper div img { width: 25px !important; margin-right: 0px; top:1px;}
  }