/* COLORS: https://coolors.co/ebe9e9-197278-57989c-c44536-772e25 */

body {
	/*text-align:center;*/
	color       : #000;
	font-family : georgia, serif;
	font-size   : 120%;
	line-height : 1.6;
	margin      : 0;
	padding     : 2em 2em 5em;
	background  : #ebe9e9;
	margin      : auto;
	max-width   : 33em;
	color       : rgb(10, 10, 10);
}

a {outline : none !important; font-weight : bold; text-decoration : none;}

a:link {color : #c44536;}

a:visited {color : #d9887f;}

a:hover {color : #772e25;}

a:active {color : #772e25; outline : none; background-color: #ccc; }

h1 {
	font-size   : 320%;
	line-height : 1.35;
	font-style  : normal;
	margin      : 1.5em 0 0.8em;
	text-align  : center;
	color       : #197278;
}
h1 small {
	color : #57989c;
	font-size: 75%;
	font-style: italic;
}
h2 {
	font-weight : bold;
	font-size   : 200%;
	margin      : 1em 0 0.8em;
	color: #c44536;
}

h3 {
	font-weight    : normal;
	text-transform : uppercase;
	font-size      : 150%;
	letter-spacing : 0.15em;
	margin         : 1.75em 0 0.8em;
	color: #57989c;
}

h4 {
	font-weight    : normal;
	font-size      : 150%;
	letter-spacing : 0.1em;
	margin         : 1.5em 0 0.8em;
}

h5 {
	font-weight : normal;
	font-style  : italic;
	font-size   : 150%;
	margin      : 1.5em 0 0.8em;
}

h6 {
	font-weight    : bold;
	font-size      : 100%;
	letter-spacing : 0.1em;
	margin         : 1.5em 0 0.8em;
}

p {
	text-align : left;
	font-size  : 100%;
	margin     : 1em 0 0;
}

p.lead {
	font-size : 150%;
	margin    : 1em 0;
}

p + p {
	margin      : 0;
	text-indent : 1.5em;
}

p + ul, p + ol, p + dl {margin-bottom : 1.5em;}

p.lead {
	text-indent : 0;
}

p.mb {margin-bottom : 1.5em}

blockquote {border-left : 5px solid #EEE; padding-left : 1.5em; margin : 1em 0;}

blockquote small {display : block; line-height : 1.7em;}

ul, ol, dl {
	text-align : left;
}

cite { margin-left : 5em;}

dt {font-weight : bold; color: #57989c; }
dd {margin-bottom: 1em; }

code {font-family : courier, monospace;}

p > code {padding : 0.25em; background : #EEE;}

pre {text-align : left; font-size : 100%;}

hr {height : 0; color : #ccc; border : 1px solid #ccc; margin : 2em 0 1em;}

.signature { text-align : right; }

.signature span { display : inline-block; padding-right : 5em; text-align : left; text-indent : 0; }

.date {text-align : right;}

.normal {font-weight : normal;}

.quiet {color : #999;}

.pull-left {float : left; margin : 0.5em 2em 1em 0;}

.pull-right {float : right; margin : 0.5em 0 1em 2em;}

@media (max-width : 500px) {
	body {font-size : 80%;}

	img {max-width : 100% !important; height : auto !important; float : none !important;}
}