/* socialsharing.css */

@media (max-width: 767px) {
	.socialsharing {
	  position: fixed;
	  top: 100px;
	  right: 0;
	  z-index:3;
	}

	.socialsharing a {
	  display: flex;
	  justify-content: center;
	  align-items: center;
		width: 36px;
	  height: 36px;
	  font-size: 16px;
	  color: #fff;
		opacity: 1;
		transition: opacity 0.15s linear;
	  text-decoration: none;
	}

	.socialsharing a.facebook {
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		border-top-left-radius: 6px;
	}

	.socialsharing a.email {
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
	}
}

@media (min-width: 768px) {
	.socialsharing {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 1em;
	}

	.socialsharing a {
		display: flex;
	  justify-content: center;
	  align-items: center;
		width: 50px;
	  height: 50px;
	  font-size: 24px;
	  color: #fff;
		opacity: 1;
		transition: opacity 0.15s linear;
	  text-decoration: none;
	}

	.socialsharing a.facebook {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}

	.socialsharing a.email {
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
}

.socialsharing a:hover {
	opacity: .75;
}

.socialsharing a.facebook {
 	background: #3b5998;
}

.socialsharing a.x {
  background: #000000;
}

.socialsharing a.linkedin {
  background: #0077b5;
}

.socialsharing a.email {
	background: #d06e04;
}

.socialsharing a.pinterest {
  background: #cb2027;
}