/* CSS RESET */
*{
	padding: 0;
	margin: 0;
}

/* wrap-img */
.wrap-img{
	/*background-color: green;*/
	height: 250px;
	width: 250px;
	margin: auto;
	position: relative;
	top: 50px;
	left: 0;
	border-radius: 100%;
	overflow: hidden;
}

.wrap-img img{
	width: 100%;
	transition: 0.5s ease-out;
}

.wrap-img:hover .hover-overlay{
	background-color: rgb(0, 0, 0, 0.4);
	transition: 0.5s ease-out;
}

.hover-overlay{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.5s ease-out;
}

.wrap-img:hover img{
	transform: scale(1.2);
	transition: 0.5s ease-out;
}

.hover-sosmed{
	opacity: 0;
	/*background-color: brown;*/
	height: 50px;
	width: 100%;
	position: absolute;
	top: 60%;
	left: 0;
	text-align: center;
	transition:  0.7s ease-out;
}

.wrap-img:hover .hover-sosmed{
	transform: translate(0, -50%) translate(0, 0);
	transition:  0.7s ease-out;
	opacity: 1;
}

/* Social Media Style */
.hover-sosmed a{
	text-decoration: none;
	color: #ffffff;
	margin-right: 20px;
}

.hover-sosmed .fab{
	font-size: 25px;
}