html, body {min-height:100%;}
body {
	background:#354986;
	background: -webkit-radial-gradient(50% 350px, circle closest-side, #5773b4, #354986 500px), #354986;
	text-align: center;
}
h1,h2,h3,p,ul,li {
	margin: auto; 
	text-align: center; 
	font-family: Calibri, Arial, sans-serif; 
	color: white; 
	text-shadow: 0px 2px #003366;}
h1 {font-size: 3.0em;}
h2 {margin-top: 1.0em;}
h2#previously {margin-top: 0; font-style: italic;}
h3 {margin: -0.5em 0 0 0; padding: 0;}
p {text-shadow: 0px 1px #003366; width: 50%; }
a {color: white; }
a:hover {color: #999;}
ul {margin: 0; padding: 0; list-style-type: none;}
li {margin: 0.5em; text-shadow: none;}

@media only screen and  (min-width: 100px) and (max-width: 480px) {
  body {font-size: 1.6em; margin: 0; padding: 0;}
  p {width: 100%;}
}