body{
	font-family: nexa;
}

#layout{
	border: 1px solid #eee;
	width: 94%;
	max-width: 1100px;
	margin: 3em auto;
}


#menu{
		padding: 0em 5% 0em 5%;
		width: 90%;

}

#menu a{
	color: #433;
	transition:.5s;
	text-decoration: none;
}

#menu a:hover, #menu a.active{
color: #ee7bae;
}

#menu a.active{
border-bottom: 1px solid #988;
}







#mastImage{
	width:100%;
	height:0px;
	padding-bottom: 33%;
	overflow:hidden;
	position: relative;
	margin-top: 0.5em;

}
#mastImage div{
	width: 100%;
	position: absolute;
	top: 0px;
	line-height: 10px;
	color:#544;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}





@media screen and (max-width: 900px) {

	#menu{
		font-size: 0.8em;
		line-height: 2em;
	}
	#mastImage{
		margin-top: 0;
		padding-bottom: 40%;

	}
}

@media screen and (max-width: 500px) {

	#mastImage{
		margin-top: 0;
	}
}



#paper{
	padding: 1em 5%;
}

h1{
	font-family: mermaid;
	color: #444;
	font-size: 3em;
	margin-top: 0.5em;
}

h2{
	font-family: mermaid;
	letter-spacing: 1px;
	color: #ee7bae;
	font-size: 1.5em;
	margin-top: 1em;
}