@font-face {
    font-family: 'montserrat_alternatesregular';
    src: url('font/montserratalternates-regular-webfont.woff2') format('woff2'),
         url('font/montserratalternates-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('font/montserrat-regular-webfont.woff2') format('woff2'),
         url('font/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
BLOCKS
*/
html, body{
	padding:0;
	margin:0;
}
body{
	font-family: 'montserratregular';
	background-color:#f7f6e4;
}
menu{
	font-size:0.8em;
	padding:0.5em 2em;
	margin:0;
	border-bottom: 1px solid black;
	background-color:white;
}
header,section, .section{
	width: 20em;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.credits{
	background-color:black;
	color:white;
	border-top: 6px double #f7f6e4;
	padding: 0.2em;
	margin-top:2em;
}
footer{
	padding:0.5em 2em;
	margin:0;
	margin-top : 8em;
	border-top: 1px solid black;
	background-color:white;
}
footer > img{
	margin:1em;
	display:inline-block;
	vertical-align: middle;
}
/*
TEXT
*/
menu > li{
	display:inline-block;
	text-decoration:none;
	margin-right:1em;
}
header > h1, h2{
	text-transform: uppercase;
}
h1{
	font-size:3em;
}
h2{
	background-color:black;
	color:#f7f6e4;
	border-top: 6px double #f7f6e4;
	border-bottom: 6px double #f7f6e4;
	padding: 0.2em;
	margin-top:1.5em;
}
hr{
	border: none;
	border-bottom: 5px dotted black;
	width:10%;
}
.normal{
	font-weight:normal;
}
.smaller{
	font-size:0.75em;
}
section > p{
	cursor:pointer;
}
.p1{
	font-weight:900;
	font-variant: small-caps;
}
.p4{
	font-family: 'montserrat_alternatesregular';
	font-variant: small-caps;
}
.p3{
	text-align:right;
	font-style:italic;
	font-family: 'montserrat_alternatesregular';
	cursor:auto;
}
.modal{
	text-align:left;
}