html { width: 100%; height: 100%; height: auto; }
body {
	background: url('immagini/sfondo.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 100%;
}
#mail {
	width: 50%;
	margin-top: 14%;
	text-align: right;
	margin-left: 30%;
}

#scritta {
	height: 40%;
	width: 70%;
	margin-top: 15%;
	text-align: right;
	margin-left: 10%;
}

@font-face{
	font-family: HelveticaNeueLTStd-BdCn;
	src: local('HelveticaNeueLTStd-BdCn'), url(fonts/HelveticaNeueLTStd-BdCn.otf) format("OpenType");
}
/*@font-face{
	font-family: HelveticaNeueLTStd-UltLtCn;
	src: local('HelveticaNeueLTStd-UltLtCn'), url(fonts/HelveticaNeueLTStd-UltLtCn.otf) format("OpenType");
}*/

@font-face{
	font-family: HelveticaNeueLTStd-MdCn;
	src: local('HelveticaNeueLTStd-MdCn'), url(fonts/HelveticaNeueLTStd-MdCn.otf) format("OpenType");
}

.fontface #scritta h1{
	font-family: HelveticaNeueLTStd-BdCn;
	line-height: 0.9;
	color: #FFF
}
.fontface #scritta h2{
	font-family: HelveticaNeueLTStd-BdCn;
	/*font-stretch:condensed;*/
	line-height: 0.9;
	color: #FFF
}

#scritta h1, h2 {
	font-size: 1.4em;
}

@media screen and (max-width: 50em) {
	#scritta h1,h2 {
		font-size:1.4em;
	}
}

@media screen and (max-width: 40em) {
	#scritta h1,h2 {
		font-size:1.2em;
	}
}

@media screen and (max-width: 30em) {
	#scritta h1,h2 {
		font-size:1.4em;
	}
}