a {
  color: #000;
  text-decoration: none;
}

.social {
  position: fixed;
  top: 440px;
  height:500px;

  
}
.social ul {
  padding: 0px;
  border:2px solid #c0c0c0;
  background-color:#f0f8ff;
  -webkit-transform: translate(-460px, 0);
  -moz-transform: translate(-460px, 0);
  -ms-transform: translate(1317px, 0);
  -o-transform: translate(1317px, 0);
  transform: translate(-460px, 0);
}
.social ul li {
  display: block;
  margin: 1px;
 
  background: rgba(0, 0, 0);
  width: 300px;
  text-align: right;
  padding: 3px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li p{

font-size:12px;

font-family: "Times New Roman", Times, serif;
font-weight:bold;



}
.social ul li:hover {
      background-color:#f0f8ff;
 border:2px solid #c0c0c0;
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover img{
  color: #fff;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li img {
   height:25px;
   width:25px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.social ul li p {
display:inline;
position:relative;
text-align: center;
top:-7px;
margin-right:5px;
}