h1 {
   margin-top: 0; margin-bottom: 1px;
   }
*:focus
{
outline: none;
outline-width: 0;
}
body {
background-color: #d1cbbf}
.divFooter {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 1.1em;
line-height:1.3em;
margin-left:auto;
margin-right:auto;
font-style: italic;
text-align:left;
width:600px;
}
.firstParagraph {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 1.2em;
line-height:1.4em;
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
margin-top:0.3cm;
margin-bottom:0;
}
.nextParagraph {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 1.2em;
line-height:1.4em;
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
margin-top:0.3cm;
margin-bottom:0;
}
.caption {
text-align:left;
width: 700px;
font-size:1.1em;
font-family: Arial, Helvetica, sans-serif;
margin:0.1cm auto;
}
.headline {
 text-align:center;
 width: 700px; 
 font-size:1.2em;
 font-style: italic;
 font-family: serif;
 margin:0 auto; 
}

.nav
{
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.5em;
	line-height: 1.5em;
	width: 700px;
	margin:0.2cm auto;}
.nav a:link {
color:#0000AA;
font-weight : bold ;
}
.nav a:visited {
color:#0000AA;
}
.nav a:hover {
color:#AA0000; 
font-weight:bold;
}
a:not(.nav a){ /* styles for <a> tags not in .nav */
	color:#0000AA;
	text-decoration: underline;
}
b {
color:#333333;
font-weight:bold;
}
hr {
margin-bottom:0;
}
/* styles.css */
.red-text {
	color: #990000;
	}
.yellow-text {
	color: yellow
	}
.green-text {
	color: green
	}
/* end color styles */
.ref {
text-align:left;
margin-left:auto;
width: 700px;
margin-right:auto;
margin-top:0.1cm;
margin-bottom:0.3cm;
line-height:1.3em;
font-size:1em;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}
.footer {
text-align:left;
margin-left:auto;
width:700px;
margin-right:auto;
font-size:.9em;
font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 800px) {
.firstParagraph {
 font-size:2em;
 padding:1rem;
}
.nextParagraph {
font-size:2em;
 padding:1rem;
}
.ref {
font-size:2em;
 padding:1rem;
}
.footer {
font-size:1.6em;
 padding:1rem;
}
.nav {
font-size:2em;
 padding:1rem;
}
.caption {
font-size: 2em;
 padding:1rem;
}
}