body {
font-style: normal;
font-family: sans-serif;
font-size: 0.8em;
color: black;
background-color: lightgrey;
padding: 6px;
}

a.nav {
	display: block;
	padding: 6px;
	padding-left: 6px;
	height: 44px;
}
a:link {
	color: black;
}

a:visited {
	color: black;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: sans-serif;
	text-align: left;
	font-size: 1em;
	color: black;
}

h2 {
	font-family: sans-serif;
	font-size: 1.2em;
	padding-top: 12px;
}

div

.container-fluid {
	background-color: white;
	/*padding-top: 12px;*/
}

.col-md-4 {
padding-left: 6px;
padding-right: 6px;
}

p.nav {
font-size: 0.9em;
/*height:200px;
*/}

iframe {
	width: 100%;
	height: 100%;
}

img {
	max-width: 100%;
	max-height: 100%;
}

.svg {
	z-index: 2;
}

li {
	list-style-type: circle;
}


.nav {
  float: left;
}

title {
font-family: sans-serif;
font-size: 1.2em;
padding: 6px;	
}

@font-face {
    font-family: "Century";
    src: url(./fonts/CenturyExpandedLTStd.ttf) format("truetype");
}