body {
font-size: smaller; 
font-family: georgia, times, 'Times New Roman', serif;
background-color: #E1DFC5;}

h1, h2, h3, h4, h5, h6 {
font-family: Rockwell, "Prelo Slab", "Courier New", Courier, monospace;
font-weight: normal;
text-transform: uppercase;
color: #990000;}

h1 {font-size: 275%;}
h2 {font-size: 200%; line-height: 100%;}
h3 {font-size: 150%; line-height: 100%;}
h4 {font-size: 125%; display: inline; line-height: 100%;}

p {font-size: 100%; }
hr {border: solid black 1px;}

ul {margin-left: 50px;}

a:link, a:visited {color: #990000; font-weight: bold;}
a:hover, a:active {color: black; font-weight: bold;}
a.current {color: #990000; font-weight: bold; font-style: italic;}

header {text-align: center; margin-top: 100px;}
header p {color: #990000; text-transform: uppercase; font-size: 135%; font-family: Rockwell, "Prelo Slab", "Courier New", Courier, monospace;}
header h1 {margin-bottom: 0px; line-height: 75%; letter-spacing: 3px;}
.normal {font-weight: normal; text-transform: none; font-size: 60%;}

header a:link, header a:visited {color: black;}

.rightbordered {border-right: solid black 1px;}

.topright {position: fixed; top: 0; right: 30px; width: 10%;}
.bottomleft {position: fixed; bottom: 0; left: 30px; width: 10%;}
.topcenter {display: none;}

footer {text-align: center;}
footer p {margin-top: 30px;}
footer h3 {margin-bottom: 0px; line-height: 75%;  letter-spacing: 3px;}
footer nav ul {margin-left: -10px;}
footer nav li {display: inline-block; padding: 5px 15px; font-size: 130%;  letter-spacing: 3px;}
nav {font-family: Rockwell, "Prelo Slab", "Courier New", Courier, monospace}

@media only screen and (max-width: 1085px) {
.topright {display: none;}
.bottomleft {display: none;}
.topcenter {display: block; position: absolute; top: 0; height: 90px; left: 50%;}

}
@media only screen and (max-width: 768px) {
.rightbordered {border-right: none;}
}