#buttons{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#buttons ul{
    list-style:none;
    position:relative;
    left:50%;
}

#buttons li{float:left;position:relative;}/* ie needs position:relative here*/

#buttons a{
font-size: 14px;
    text-decoration:none;
    margin:10px;
    float:left;
    color:#ffffff;
    padding:2px 5px;
    text-align:center;
    white-space:nowrap;
}
#buttons a:hover{color:#c4c4c4;}
#content{overflow:hidden}/* hide horizontal scrollbar*/


#share{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#share ul{
    list-style:none;
    position:relative;
    left:50%;
}

#share li{float:left;position:relative;}/* ie needs position:relative here*/

#share a{
    text-decoration:none;
    margin:10px;
    float:left;
    color:#ffffff;
    padding:1px 1px;
    text-align:center;
    white-space:nowrap;
}
#buttons a:hover{color:#c4c4c4;}
#content{overflow:hidden}/* hide horizontal scrollbar*/

@media (max-width: 1080px) {
  #buttons a {
    display: none;
  }
}