body, p, h1, ul {
font-family: 'PT Serif',serif;
}

body
{
	background-color:#dddddd;
}

#main
{
    background-color:#dddddd;
}


#container
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vw;
    width: 90%;
    background:#fcfcfc;
}

#header
{
    background:#000;
    padding: 10px;
    border-bottom:1px solid white;
}

.myimage {
	width:100%;
	object-fit: fill;
	object-position:left top;
}

.mybox {
	border:2px solid #ccc;
	padding:0 10px 0 10px;
	margin:0px;
	font-style:italic;
}
#header h1 { margin: 0; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:600;}

#navigation
{
    float: left;
    width: 100%;
    background:#333;
}

#navigation ul
{
    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
}

#navigation li a
{
    display: block;
    float: left;
    padding: 5px 10px;
    color:#fff;
    text-decoration: none;
    border-right: 1px solid#fff;
}

#navigation li a:hover { background:#004477; }

#content
{
    color:#000044;
    clear: left;
    padding: 20px;

.info {width:900px;}
.info img {float:right;}
.info p {margin-right:400px;}

}

#content h2
{
    color:#000044;
    font-size: 200%;
    margin: 0 0 1vw 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:600;
}

#content h4
{
    color:#000044;
    font-size: 80%;
    margin: 0 0 1vw 0;
    font-style: italic;

}




#footer
{
    color:#eeeeee;
    background:#000;
    text-align: right;
    padding: 20px;
    display:flex;
}

#left-footer
{
	flex-grow:1;
	text-align:left;
}

#right-footer
{
	flex-grow:1
	text-align:right;
}

.letters {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}

.indivletter {
	padding:10px;
}