#socialbtn-1 {
	display:block;
	position:relative;
	width:30px;
	height:30px;
	background: url(images/socialInsta.png) no-repeat top center;

}

#socialbtn-1 span {
	
position: absolute;
display:block;
top:0;
left:0;
width:30px;
height:30px;
background: url(images/socialInsta.png) no-repeat;
background-position:  bottom center;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}

#socialbtn-1 span:hover {
opacity: 1;
}

#socialbtn-2 {
display:block;
position:relative;
width:30px;
height:30px;
background: url(images/socialTwitter.png) no-repeat top center;

}

#socialbtn-2 span {
position: absolute;
display:block;
top:0;
left:0;
width:30px;
height:30px;
background: url(images/socialTwitter.png) no-repeat;
background-position:  bottom center;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}

#socialbtn-2 span:hover {
opacity: 1;
}

#socialbtn-3 {
display:block;
position:relative;
width:30px;
height:30px;
background: url(images/socialLinkedin.png) no-repeat top center;

}

#socialbtn-3 span {
position: absolute;
display:block;
top:0;
left:0;
width:30px;
height:30px;
background: url(images/socialLinkedin.png) no-repeat;
background-position:  bottom center;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}

#socialbtn-3 span:hover {
opacity: 1;
}
#socialbtn-4 {
display:block;
position:relative;
width:30px;
height:30px;
background: url(images/socialHZ.png) no-repeat top center;

}

#social a {
      /* display: inline-block;
       padding-bottom: 3px;*/
       /*background: url(images/socialLinkedin.png) no-repeat;
       height: 300px;
       width: 250px;*/
}

#social a:hover {
       background-color: #23232c;
}