@font-face {
    font-family: AG Old Face;
    src: url(AGOldFace-Bold.ttf);
	font-weight: bold;
}
@font-face {
    font-family: AG Old Face;
    src: url(AGOldFace-Regular.ttf);
	font-weight: regular;
}


body {
	background-color:#ffe28f;
	font-family:"AG Old Face", "sans serif";
	font-size: 1em;
	color:#311b4c;
	width:40%;
	margin-left:30%;
	margin-right:30%;
	margin-bottom:10%;
	margin-top: 5%;
	line-height: 1.25em;
}

h1 {
	font-size: 340%;
	letter-spacing: -.04em;
	line-height: 1em;
}

nav a {
	text-decoration:none;
}

nav div {
	display:inline;
	background-color:#311b4c;
	color:#ffe28f;
	margin-left:2%;
	margin-right:2%;
	font-weight: bold;
	padding : 1%;
}

nav {
	margin: 12% 0% 10% -2%;
}

nav .current {
	background-color:#ffe28f;
	color:#311b4c;
	border-style:solid;
	border-width:2px;
	border-color:#311b4c;
}
.dl {
	display:inline;
	background-color:#ffe28f;
	color:#311b4c;
	border-style:solid;
	border-width:2px;
	border-color:#311b4c;
	font-size : 1.3em;
	margin-top:3%;
	padding : 1.8% 1.2% 1% 1.2%
}
.dl a {
	text-decoration:none;
}
a {
	color:#311b4c;
}

.lang
{
	position: absolute;
	top:1em;
	right:1em;
}



@media only screen and (max-width:800px) {
body {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
h1 {
	font-size: 200%;
}
nav div {
	display:block;
	margin: 1% 0% 1% 0%;
}
nav {
	margin: 0% 0% 6% 0%;
}