body	{
	margin: 40px;
	padding: 0px;
	border: 0;
	text-align: center;
	color: #333;
	background:#fff;
	font-family: sans-serif;
	font-weight: 200;
	font-size: 15px;
	line-height: 150%;
	}

h1 {
	font-weight: 200;
    font-size: 32px;
    padding: 0;
    margin: 0;
}

h2 {
    font-weight: 200;
    font-size: 22px;
    padding: 0;
    margin: 0;
}

a {
	color: #000;
	font-weight: 400;
	font-style: italic;
}

.media {
	width:  1000px;
}

img {
	width: 90%;
	max-width: 900px;
}

iframe {
	width: 90%;
	max-width: 900px;
	aspect-ratio: 16/9;
	border: 0;
}

a.red {
	color: #c33;
}

a.green {
	color: #484;
}

a.blue {
	color: #369;
}

a.sky {
	color: #79f;
}

a.cyan {
	color: #3ab;
}

a.magenta {
	color: #a3a;
}

a.purple {
	color: #949;
}

a.yellow {
	color: #da3;
}

a.orange {
	color: #c63;
}

a.grey {
	color: #aaa;
}

.underline {
	text-decoration: underline;
}

p {
	text-align: left;
    width: 90%;
    max-width: 700px;
    margin: auto;
    margin-bottom: 20px;
}

.quote {
	text-align: left;
    width: 80%;
    max-width: 600px;
    margin: auto;
    margin-bottom: 20px;
}

.credit {
	width: 700px;
	text-align: center;
	font-size:12px;
}

a:link, a:visited {
	text-decoration: none;
	background: transparent;
	}

a:hover {
	text-decoration: underline;
	background: #eac;
	}
	
hr {
	width: 200px;
}