@font-face {
    font-family: 'charter';
    src: url('./fonts/charter_regular-webfont.eot');
    src: url('./fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/charter_regular-webfont.woff') format('woff'),
         url('./fonts/charter_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
	background: #f0f0f0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
	font-family: 'charter', serif;
    margin: 0;
}
h1 {
	background: #800000;
	color: #FAF0E6;
	font-size: 3em;
	margin: 3rem 0;
	padding: 0.75rem 0;
	text-align: center;
	width: 100%;
}
a:focus {
    outline: thin dotted;
}
p {
    color: #222;
	font-size: 1.2em;
	text-align: center;
	width: 100%;
}
p a,
p a:active,
p a:visited,
p a:link {
    border-bottom: 1px dotted #222;
    color: #222;
    outline: 0;
    text-decoration: none;
}

p a:hover {
    border-color: #000;
    color: #000;
    outline: 0; 
}