@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
	
}

.social {
	position:fixed;
	right:0;
	top:80px;
	z-index:2000;
	
}

.social ul {
	list-style:none;
	
	
}

.social ul li a {
	display:inline-block;
	color:#FFF;
	background: #000;
	padding: 20px 20px;
	text-decoration:none;
	
	
}

.social ul li .icon-facebook {
	background: #3b5998;
	

}

.social ul li .icon-twitter {
	background: #00abf0;
	
}

.social ul li .icon-envelope {
	background: #ED6822;
	padding: 20px 18px;
	
	
}

.social ul li a:hover {
	padding: 30px 20px;
	background: #000000;
	

}


@media (min-width: 280px) and (max-width: 768px) {
	

.social ul li a {
	display:inline-block;
	color:#FFF;
	background: #000;
	padding: 10px 10px;
	text-decoration:none;
	
	
}
	
.social ul li a:hover {
	padding: 20px 10px;
	

}

.social ul li .icon-envelope {
	background: #ED6822;
	padding: 10px 8px;
	
	
}

}