.socialLink{
	width:30px;
	height:auto;
	top:10%;
	right:0;
	position:fixed;
	background:#cdcdcd;
	padding:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	float:right;
	display:block;
}
.socialLinkUpper{
	width:auto;
	height:30px;
	background:#cdcdcd;
	padding:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	float:left;
	display:none;
	margin-left:15px;
}
.f{
	width:30px;
	height:30px;
	float:left;
	margin-bottom:15px;
	background:url(../images/social.png) top left no-repeat;
}
.f:hover{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/social.png) 0 -34px no-repeat;
}
.t{
	width:30px;
	height:30px;
	float:left;
	margin-bottom:15px;
	background:url(../images/social.png) -35px 0 no-repeat;
}
.t:hover{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/social.png) -35px -34px no-repeat;
}
.g{
	width:30px;
	height:30px;
	float:left;
	margin-bottom:15px;
	background:url(../images/social.png) -70px 0 no-repeat;
}
.g:hover{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/social.png) -70px -34px no-repeat;
}

.i{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/social.png) -105px 0 no-repeat;
}
.i:hover{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/social.png) -105px -34px no-repeat;
}
.b{
	width:31px;
	height:30px;
	float:left;
	background:url(../images/social.png) -139px 0 no-repeat;
}
.b:hover{
	float:left;
	background:url(../images/social.png) -139px -34px no-repeat;
}
@media only screen and (min-width : 150px) and (max-width : 980px){
	.socialLink{
		display:none;
	}
	.socialLinkUpper{
		display:block;
	}
}