.portfolio-section .footer-cta .single-cta.logo-contact figure {
	position: relative;
	overflow: hidden;
	align-content: center;
	width: 78px;
	height: 78px;
	background-color: black;
	/* border-radius: 20% */
}

figure img {
	width: 100%;
	height: 100%
}

figure .contact a {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50%;
	height: 50%;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

figure .contact a i
	{
	color: #fff;
	font-size: 1.5rem
}

figure .contact .tw
	{
	top: 0;
	left: 0;
	background-color: rgba(0, 172, 238, 0.7);
	-webkit-transform: translate(-100%, -100%);
	transform: translate(-100%, -100%)
}

figure .contact .tw:hover
	{
	background-color: #00acee
}

figure .contact .fb
	{
	top: 0;
	right: 0;
	background-color: rgba(59, 89, 152, 0.7);
	-webkit-transform: translate(100%, -100%);
	transform: translate(100%, -100%)
}

figure .contact .fb:hover
	{
	background-color: #3b5998
}

figure .contact .gp
	{
	bottom: 0;
	left: 0;
	background-color: rgba(221, 75, 57, 0.7);
	-webkit-transform: translate(-100%, 100%);
	transform: translate(-100%, 100%)
}

figure .contact .gp:hover
	{
	background-color: #dd4b39
}

.contact .ma
	{
	bottom: 0;
	right: 0;
	background-color: rgba(153, 153, 153, 0.7);
	-webkit-transform: translate(100%, 100%);
	transform: translate(100%, 100%)
}

figure .contact .ma:hover
	{
	background-color: #999
}

.portfolio-section .footer-cta .single-cta.logo-contact figure:hover .contact a
	{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}