html {
  margin: 0px;
	height: 100%;
}

body {
  position: relative;
  font-family: 'Arial', sans-serif;
  line-height: 19px;
  font-weight: 300;
  color: #FFFFFF;
  background-color: #CECECE;
  margin: 0px;
	height: 100%;
}

.topdiv {
  position: absolute;
  top: 0px;
}

.photodiv {
  position: absolute;
  top: 42px;
	font-weight: 300;
	font-size: 28px; 
	line-height: 120px;
	text-align: center;
}

.titolo {
	font-weight: 300;
	font-size: 26px; 
	line-height: 41px;
	text-align: right;
}

.w978 {
  width: 978px;
  left: 50%;
  margin-left: -489px;
}

@media (max-width: 979px) {
	.w978 {
	  width: 766px;
	  left: 50%;
	  margin-left: -383px;
	}
	.titolo {
		font-size: 22px; 
		line-height: 37px;
	}
	.photodiv {
	  top: 38px;
		font-size: 23px; 
		line-height: 100px;
	}
}

@media (max-width: 767px) {
	.w978 {
	  width: 478px;
	  left: 50%;
	  margin-left: -239px;
	}
	.titolo {
		font-size: 20px; 
		line-height: 35px;
	}
	.photodiv {
	  top: 36px;
		font-size: 21px; 
		line-height: 900px;
	}
}

@media (max-width: 479px) {
	.w978 {
	  width: 400px;
	  left: 50%;
	  margin-left: -200px;
	}
	.titolo {
		font-size: 16px; 
		line-height: 30px;
	}
	.photodiv {
	  top: 36px;
		font-size: 17px; 
		line-height: 70px;
	}
}