@font-face {
    font-family: 'Charter';
    src: url('font/charter_regular-webfont.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-
family: 'Charter';
    src: url('font/charter_bold-webfont.woff');
    font-weight:
bold;
    font-style: normal;
}
@font-face {
    font-family: 'Charter';
    src: url
('font/charter_italic-webfont.woff');
    font-weight: normal;
    font-style: italic;
}
body {margin: 0;
      font-family:"Charter", "Georgia", serif;}
cite {color:gray;
	max-width: 40em; 
	display:block}
p {font-size:1.25em;
	line-height:1.4em;}
li,dd,dt {font-size:1.25em;}
h1  {font-size:2.5em;
	line-height:100%;}
header {text-align:center;
	font-size:4em;
	text-transform:uppercase;
	letter-spacing:0.1em; line-height:.75em;
	margin-top:.6em;
	margin-bottom:.5em;
	display:box; }
.link {display:inline-block;
	padding:0.2em 1.5em 0.2em 0; }
img {width: 32em;
	display: block;
	margin-left: auto;
	margin-right: auto;}
nav {text-align:center;
	font-size:1.2em;
	text-transform:uppercase; 
	letter-spacing:0.09em;
	margin-top:0em;
	margin-bottom:0em;
	background:#8D34FA;}
p,cite,h1,h2,h3,dl {margin: 0 auto;}
h1,h2,h3 {padding: 0 0 0.1em;}
p,cite,dl {padding: 0 0 1em;}
article > ul,ol {margin: 0 auto;
	max-width:38em;}
h2 > a {text-decoration:none;}
 
 
p,h1,h2,h3,dl {max-width: 40rem; }
 
 
article {padding: 0 1em 1em;}
 
 
blockquote {margin: 0 auto;
padding: .5em 2em .25em;
max-width: 30em;}
 
 
a {text-decoration:underline;
color:black;}
 
 
.link > a {text-decoration:none;
color:white;}
 
#copyright {margin:0;
background:black;
padding:.5em; }
#copyright > cite {padding: 0 0;}
 
@media only screen and (max-device-width: 480px) {
header {font-size:3em;}
.link {padding:0.2em 1em 0.2em 0;}
img {width:100%;}
}