a img:hover{
	filter: invert(100%);
}

@font-face {
font-family: 'gertrude';
src: url('gertrude/Enby_Gertrude_roman.woff');
font-weight: normal;
font-style: normal;
}

.gertrude {
font-family: 'gertrude';
font-size: 18pt;
color: black;
}

.gertrudemini {
font-family: 'gertrude';
font-size: 12pt;
color: black;
}

#parodi {
	margin-left: -230px;
	margin-top: 0px;
}

@media all and (min-width: 100px) {
	.responsive_tableau img {
		width:150;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:40;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 600px) {
	.responsive_tableau img {
		width:170;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:50;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 750px) {
	.responsive_tableau img {
		width:190;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:60;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 800px) {
	.responsive_tableau img {
		width:200;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:70;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 850px) {
	.responsive_tableau img {
		width:210;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:80;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 900px) {
	.responsive_tableau img {
		width:220;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:90;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 950px) {
	.responsive_tableau img {
		width:230;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:100;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 975px) {
	.responsive_tableau img {
		width:240;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:120;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1000px) {
	.responsive_tableau img {
		width:250;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:145;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1100px) {
	.responsive_tableau img {
		width:290;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:180;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1150px) {
	.responsive_tableau img {
		width:300;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:200;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1200px) {
	.responsive_tableau img {
		width:310;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:220;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 1250px) {
	.responsive_tableau img {
		width:320;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:250;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1300px) {
	.responsive_tableau img {
		width:340;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:260;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 1350px) {
	.responsive_tableau img {
		width:360;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:137;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1400px) {
	.responsive_tableau img {
		width:370;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:280;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}
	
@media all and (min-width: 1450px) {
	.responsive_tableau img {
		width:390;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:290;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1500px) {
	.responsive_tableau img {
		width:400;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
	.responsive_tableau img.verticale {
		height:300;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
}

@media all and (min-width: 1600px) {
	.responsive_tableau img {
		width:410;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
		.responsive_tableau img.verticale {
		height:310;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}
}

@media all and (min-width: 1700px) {
	.responsive_tableau img {
		width:450;
		margin-right:20;
		margin-bottom:10;
	}
		.responsive_tableau img.verticale {
		height:220;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}	
}


@media all and (min-width: 1800px) {
	.responsive_tableau img {
		width:470;
		margin-right:20;
		margin-bottom:10;
	}
		.responsive_tableau img.verticale {
		height:230;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}	
}


@media all and (min-width: 2000px) {
	.responsive_tableau img {
		width:500;
		margin-right:20;
		margin-bottom:10;
	}
		.responsive_tableau img.verticale {
		height:240;
		width:auto;
		margin-right:10;
		margin-left:10;
		margin-bottom:10;
	}	
}