html, body {
	font-size:500%;
    height: 100%;
	overflow: hidden;
	background: black;
	color: white; 
	margin: auto;
	text-align: center;
}
p {
  font-size: 4em; /* 1.4em x 10px = 14px */
  text-align: center;
}

h1 {
  font-size: 6em; /* 1.4em x 10px = 14px */
  text-align: center;
}
  

/* fin de zona común a todas las resoluciones */
@media screen and (min-width:800px) {
	body {
		font-size:100%;
		text-align: center;
	}
	
	p {
    font-size: 3em; /* 1.4em x 10px = 14px */
	text-align: center;
   }
   
   h1 {
    font-size: 4em; /* 1.4em x 10px = 14px */
	text-align: center;
   }
	
}

/* fin de la zona para más de 800px de ancho de pantalla */
@media screen and (min-width:1200px) {
	body {
		font-size:120%;
		text-align: center;
	}
	
	p {
    font-size: 2em; /* 1.4em x 10px = 14px */
	text-align: center;
   }
	
	h1 {
    font-size: 3em; /* 1.4em x 10px = 14px */
	text-align: center;
   }
}