body {
	font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
	width: 100%;
	height: 100%;
}


#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 9;
}

#titolo {
	color: rgb(235, 245, 255);
	background-color: rgba(119, 109, 109, 0.75);
	list-style: none;
	text-align: center;
	text-shadow: 0 0 8px rgb(20, 20, 20);
	font-size: 2em;
	margin: 0;
	padding: 3.0vh;
}

#titolo > li {
	display: inline-block;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}


#image-wrapper {

	position: fixed;
	top: -50%;
	left: -50%;

	width: 200%;
	height: 200%;

	overflow: hidden;
	z-index: 3
}

.firstImg {

	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	margin: auto;

	min-width: 50%;
	min-height: 50%;

	overflow: hidden;

	filter: blur(0.5px);

	animation: 15s firstPhase infinite;

	z-index: 3
}

.secondImg {

	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	margin: auto;

	min-width: 50%;
	min-height: 50%;

	overflow: hidden;

	filter: blur(0.8px);

	animation: 15s secondPhase infinite;

	z-index: 3
}


@keyframes firstPhase {
	0% {opacity: 1.0;}
	25% {opacity: 1.0;}
	50% {opacity: 0.0;}
	75% {opacity: 0.0;}
	100% {opacity: 1.0;}
}

@keyframes secondPhase {
	0% {opacity: 0.0;}
	25% {opacity: 0.0;}
	50% {opacity: 1.0;}
	75% {opacity: 1.0;}
	100% {opacity: 0.0;}
}


#fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 9;
}

#contatti {
	color: rgb(235, 245, 255);
	background-color: rgba(119, 109, 109, 0.75);
	list-style: none;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 8px rgb(20, 20, 20);
	font-size: 1.2em;
	margin: 0;
	padding: 1.0vh;
}

#contatti > li {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
}