.icons ul li {
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:12px;
}
.icons ul li.first {
	width:auto;
}
.icons ul li.last {
	margin-right:0 !important;
}

/* MAIL */
.icons.white ul li.mail,
.icons.white-hover ul li.mail:hover {
	background-image:url(../img/social/mail-white.png);
	background-size:cover
}
.icons.grey ul li.mail,
.icons.grey-hover ul li.mail:hover {
	background-image:url(../img/social/mail-grey.png);
	background-size:cover
}
.icons.orange ul li.mail,
.icons.orange-hover ul li.mail:hover {
	background-image:url(../img/social/mail-orange.png);
	background-size:cover
}

/* FB */
.icons.white ul li.fb,
.icons.white-hover ul li.fb:hover {
	background-image:url(../img/social/facebook-white.png);
	background-size:cover
}
.icons.grey ul li.fb,
.icons.grey-hover ul li.fb:hover {
	background-image:url(../img/social/facebook-grey.png);
	background-size:cover
}
.icons.orange ul li.fb,
.icons.orange-hover ul li.fb:hover {
	background-image:url(../img/social/facebook-orange.png);
	background-size:cover
}

/* LINKEDIN */
.icons.white ul li.li,
.icons.white-hover ul li.li:hover {
	background-image:url(../img/social/linkedin-white.png);
	background-size:cover
}
.icons.grey ul li.li,
.icons.grey-hover ul li.li:hover {
	background-image:url(../img/social/linkedin-grey.png);
	background-size:cover
}
.icons.orange ul li.li,
.icons.orange-hover ul li.li:hover {
	background-image:url(../img/social/linkedin-orange.png);
	background-size:cover
}

/* TWITTER */
.icons.white ul li.tw,
.icons.white-hover ul li.tw:hover {
	background-image:url(../img/social/twitter-white.png);
	background-size:cover
}
.icons.grey ul li.tw,
.icons.grey-hover ul li.tw:hover {
	background-image:url(../img/social/twitter-grey.png);
	background-size:cover
}
.icons.orange ul li.tw,
.icons.orange-hover ul li.tw:hover {
	background-image:url(../img/social/twitter-orange.png);
	background-size:cover
}

/* INSTAGRAM */
.icons.white ul li.ig,
.icons.white-hover ul li.ig:hover {
	background-image:url(../img/social/ig-white.png);
	background-size:cover
}
.icons.grey ul li.ig,
.icons.grey-hover ul li.ig:hover {
	background-image:url(../img/social/ig-grey.png);
	background-size:cover
}
.icons.orange ul li.ig,
.icons.orange-hover ul li.ig:hover {
	background-image:url(../img/social/ig-orange.png);
	background-size:cover
}

/* WEB */
.icons.white ul li.web,
.icons.white-hover ul li.web:hover {
	background-image:url(../img/social/web-white.png);
	background-size:cover
}
.icons.grey ul li.web,
.icons.grey-hover ul li.web:hover {
	background-image:url(../img/social/web-grey.png);
	background-size:cover
}
.icons.orange ul li.web,
.icons.orange-hover ul li.web:hover {
	background-image:url(../img/social/web-orange.png);
	background-size:cover
}

@media only screen and (max-width: 500px) {
	.icons ul li {
		margin-right:6px;
	}
}