.insta_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/Instagram_icon.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.insta_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/insta_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}


.face_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/facebook.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		2px;
	margin-right:		20px;
	cursor:				pointer;}

.face_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/face_hover.jpg");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}


.linkin_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/linkedin.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		2px;
	margin-right:		20px;
	cursor:				pointer;}

.linkin_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/link_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}

.pinter_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/pinterest.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.pinter_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/pinter_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}

.twit_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/twitter.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.twit_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/twit_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}

.xtwit_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/xtwitter.png");
	background-size: 	 cover;
	border: 			2px solid rgba(0, 0, 0, 0.17);
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.xtwit_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/xtwit_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}

.whapp_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/whapp.png");
	background-size: 	cover;
	border: 			2px;
	border-color:		black;
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.whapp_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/whap_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}	

.world_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/worldww.png");
	background-size: 	cover;
	border: 			2px;
	border-color:		black;
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;
}
.world_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/webpage.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		28px;}

.hsm_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/smeets.png");
	background-size: 	cover;
	border: 			2px;
	border-color:		black;
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;
}
.hsm_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/home.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		28px;}

.kunstwerk_but{
	position: 			relative;
	width: 				90px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/mondriaan.png");
	background-size: 	contain;
	border: 			2px;
	border-color:		black;
	border-radius: 		1px;
	margin-right:		20px;
	cursor:				pointer;}

.kunstwerk_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/mondriaan_hover.jpg");
	background-size: 	contain;
	border: 			6px;
	border-color:		white;
	border-radius: 		2px;}

.about_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/about.png");
	background-size: 	cover;
	border: 			2px;
	border-color:		black;
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.about_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/about_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		28px;}

.contact_but{
	position: 			relative;
	width: 				45px;
	height: 			45px;
	background-image: 	url("https://harrysmeets.nl/upload/contact.png");
	background-size: 	cover;
	border: 			2px;
	border-color:		black;
	border-radius: 		10px;
	margin-right:		20px;
	cursor:				pointer;}

.contact_but:hover{
	background-image: 	url("https://harrysmeets.nl/upload/contact_hover.png");
	background-size: 	cover;
	border: 			6px;
	border-color:		white;
	border-radius: 		10px;}