/* ---------------------------
Social Media CSS
--------------------------- */

.facebook-swap {
	width: 125px;
	height: 125px;
	background-image: url(../images/facebook-icon.png);
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}
 
.facebook-swap:hover {
	background-position: 0 100%;
}

.twitter-swap {
	width: 125px;
	height: 125px;
	background-image: url(../images/twitter-icon.png);
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}
 
.twitter-swap:hover {
	background-position: 0 100%;
}

.vimeo-swap {
	width: 125px;
	height: 125px;
	background-image: url(../images/vimeo-icon.png);
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}
 
.vimeo-swap:hover {
	background-position: 0 100%;
}

.email-swap {
	width: 125px;
	height: 125px;
	background-image: url(../images/email-icon.png);
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}
 
.email-swap:hover {
	background-position: 0 100%;
}

.instagram-swap {
	width: 125px;
	height: 125px;
	background-image: url(../images/instagram-icon.png);
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}
 
.instagram-swap:hover {
	background-position: 0 100%;
}