/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/


html{
	/* This image will be displayed fullscreen */
	background:url('/PierFrancescoFracassi.jpg') no-repeat center center;
	
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
}

a, a:visited {
	outline:none;
	color:#cccccc;
		text-decoration:none;

}

a:hover{
	text-decoration:none;
		color:#999;

}

section, footer, header{
	display: block;
}


/*----------------------------
	The Footer
-----------------------------*/
ul {width:100%;margin:auto;}

/*body > div > ul > li{width: 12%;float:left;display: block;}*/
body > div > ul > li{width: 50%;height:20%;float:left;display: block; border: 1px solid #000; margin: -1px; }
body > div > ul > li img{margin-left:25%;}



h2, h2.a {
	 font-family: 'Marck Script', cursive;font-size:2.5em;font-align:center;width: 380px;height: 50px; position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -190px;color:#ffffff;text-decoration: none;

}

@media only screen and (max-device-width: 720px) {
		ul {width:100%;margin:auto;}
        body > div > ul > li {width: 32%;float:left;display: block;}
        html{	background-size:cover; background-position-y:-180px;}

	}