<style type="text/css">

@media only screen and (max-width: 480px) {
  img {
    width: 100%;
  }
}

.social {
	height: 48px;
}

.social a {
	width: 48px;
	height: 48px;
	display: inline-block;
	text-indent: -1000em;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.social a:hover {

color: #fff;
background-color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transform: scale(1.1);
}


.social .twitter {
	background-image: url(twitter.png);
}

.social .facebook {
	background-image: url(facebook.png);
}

.social .instagram {
	background-image: url(instagram.png);
}
.social .telegram {
	background-image: url(telegram.png);
}
.social .linkedin {
	background-image: url(linkedin.png);
}
.social .whatsapp {
	background-image: url(whatsapp.png);
}
.social .youtube {
	background-image: url(youtube.png);
}

</style>

