.sharing-buttons{
  list-style: none;
  text-decoration: none;
  text-align: center;
  font-size: 22px;
}

.sharing-buttons li{
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.sharing-buttons a{
  border: 1px solid;
  padding: 10px 10px 10px 0px;
  color: #fff;
  text-decoration: none;
}

.sharing-buttons a:hover{
  color: #eee;
  text-decoration: none;
}

.fa{
  padding: 10px;
}

.pinterest{
	background: #bd081c;
}

.pinterest:hover{
	background: #CA3949;
}

.facebook{
  background: #3B5998; 
}

.facebook:hover{
	background: #768BB7;
}

.twitter{
  background: #00ACED;
}

.twitter:hover{
	background: #4DC5F2;
}

.google-plus{
  background: #D14836
}

.google-plus:hover{
	background: #DF7F72;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and
	(orientation: portrait) {
	.sharing-buttons {
		font-size: 20px;
	}

	.sharing-buttons li {
	 	display: inline-block;
	 	min-width: 240px;
	 	margin-top: 20px;
	 	margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and
	(orientation: landscape) {
	.sharing-buttons {
		font-size: 20px;
	}

	.sharing-buttons li {
	 	display: inline-block;
	 	min-width: 240px;
	 	margin-top: 20px;
	 	margin-bottom: 20px;
	}
}

@media screen and (min-width: 320px) and (max-width: 768px) and
	(orientation: portrait) {
	.sharing-buttons {
		font-size: 15px;
	}
	
	.sharing-buttons li {
	 	display: block;
	  	margin: 0 auto;
	  	margin-top: 30px;
	}
}

@media screen and (min-width: 320px) and (max-width: 768px) and
	(orientation: landscape) {
	.sharing-buttons {
		font-size: 15px;
	}
	
	.sharing-buttons li {
	 	display: block;
	  	margin: 0 auto;
	  	margin-top: 30px;
	}
}

@media screen and (max-width: 320px) {
	.sharing-buttons {
		font-size: 15px;
	}
	
	.sharing-buttons li {
	 	display: block;
	  	margin: 0 auto;
	  	margin-top: 30px;
	}
}