* {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
}
:root {
	--imgEur-W_N: '';
	--imgEur-E: '';
	--imgEur-SE: '';
	--imgEur-C: '';
}

.imgEurWN:link, .imgEurWN:visited, .imgEurWN:active {
	height:100%;
	width:100%;
	transform: scale(0.84);	
	padding: 0em 0em 0em 0em; /* top right bottom left */
	margin: 0em 0em 0em 0em; /* top right bottom left */
	display:inline-block;
	background: rgba(0,0,0,0.4) var(--imgEur-W_N);
	opacity:0.9;
	text-decoration: none;
	}
.imgEurWN:hover {
	background: rgba(0,0,0,0.8) var(--imgEur-W_N);
	opacity:1;
	animation-name: imgHovered;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	transform: scale(0.92);
	}	

.imgEurC:link, .imgEurC:visited, .imgEurC:active {
	height:100%;
	width:100%;
	transform: scale(0.84);	
	padding: 0em 0em 0em 0em; /* top right bottom left */
	margin: 0em 0em 0em 0em; /* top right bottom left */
	display:inline-block;
	background: rgba(0,0,0,0.4) var(--imgEur-C);
	opacity:0.9;
	text-decoration: none;
	}
.imgEurC:hover {
	background: rgba(0,0,0,0.8) var(--imgEur-C);
	opacity:1;
	animation-name: imgHovered;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	transform: scale(0.92);
	}	

.imgEurSE:link, .imgEurSE:visited, .imgEurSE:active {
	height:100%;
	width:100%;
	transform: scale(0.84);	
	padding: 0em 0em 0em 0em; /* top right bottom left */
	margin: 0em 0em 0em 0em; /* top right bottom left */
	display:inline-block;
	background: rgba(0,0,0,0.4) var(--imgEur-SE);
	opacity:0.9;
	text-decoration: none;
	}
.imgEurSE:hover {
	background: rgba(0,0,0,0.8) var(--imgEur-SE);
	opacity:1;
	animation-name: imgHovered;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	transform: scale(0.92);
	}	

.imgEurE:link, .imgEurE:visited, .imgEurE:active {
	height:100%;
	width:100%;
	transform: scale(0.84);	
	padding: 0em 0em 0em 0em; /* top right bottom left */
	margin: 0em 0em 0em 0em; /* top right bottom left */
	display:inline-block;
	background: rgba(0,0,0,0.4) var(--imgEur-E);
	opacity:0.9;
	text-decoration: none;
	}
.imgEurE:hover {
	background: rgba(0,0,0,0.8) var(--imgEur-E);
	opacity:1;
	animation-name: imgHovered;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	transform: scale(0.92);
	}	


@keyframes imgHovered {
  from {transform: scale(0.84);
	opacity:0.5;}
  to {transform: scale(0.92);
	opacity:1;}
}