* {
margin: 0;
padding: 0;
border: 0;
}

html {
    height: 100%;
}

body {
background: #fff;
font-family: Georgia, sans-serif;
font-size: 24px;
height: 100%;
margin: 0;
}


#main {
margin: 0 auto;
max-width: 40em;
width: 40%;
padding: 6em 0.5em 1em 0.5em;
line-height: 1.2em;
}

h1 {
font-size: 1.5em;
font-weight: normal;
margin-bottom: 0.75em;
text-align: center;
line-height: 1.2em;
}

h2 {
font-style: italic;
font-size: 0.9em;
margin-bottom: 1em;
font-weight: normal;

}


p, ul, {
margin-bottom: 1em;
}

ul {
list-style-type: square;
}

li {
margin: 0 0.25em 0 2em;
font-size: 0.8em;
padding: 0;
}

a {
text-decoration: none;
color: #000066;
}

a:visited {
color: #666699;
}

a:hover {
text-decoration: underline;
}


@media only screen and (max-width: 767px) {
	#main{
		width: 90%;
		padding-top: 2em;
	}
	h1 {
		font-size: 1.25em;
	}
	h2 {
		font-size: 0.75em;
	}
}