*{
	padding:0;
	margin:0;
}

@font-face {
    font-family: maxitalic;
    src: url(res/LeagueGothic-Italic.otf);
}


@font-face {
    font-family: maxbody;
    src: url(res/WorkSans-Regular.woff2);
}

body{
	color:white;
}

#outer{
	width:100%;
	top:0;
	left:0;


}


img.spacey{
	min-width:100%;
	min-height:100%;
	position:fixed;
	z-index: -5;
	overflow:hidden;

}

#content{
	width:80%;
	top:50px;
	margin-left:10%;
	position:relative;

}

#navigate{
	padding:10px;
	position:fixed;
	right:10%;
	top:10px;
	z-index:10;
	float:right;
}

p.max{
	font-family: maxitalic, arial, sans serif;
	font-style:oblique;
	font-size:9em;
	color:black;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: white;
}

p.subheadmax{
	font-family:maxbody, arial, sans serif;
	font-size:1.5em;
}

h2{
	margin-top:50px;
	font-family: maxitalic, arial, sans serif;
	font-size:4em;
	color:white;
}

p.maxbody{
	font-family:maxbody, arial, sans serif;
	font-size:1.5em;
	line-height:150%;
	max-width: 1100px;
	margin-bottom:50px;
}
br{  line-height:200%;
}

ul{
	    list-style-type: none;

}

li{
	   display: inline;
	   font-family: maxitalic, arial, sans serif;
	color:white;
	font-size:2em;
	padding-left:20px;
}
span.underlineme{
	text-decoration: underline;
}

a{
	text-decoration: none;
	color:white;
}
a:hover{
	color:yellow;
	font-style:bold;
}

hr{
	stroke:1px white;
	width:100%;
}

img.closer{
	width:50%;
	float:left;
	left:50%;
	margin-top:-30%;
	position: relative;
}


@media only screen and (max-width:800px){
	li{
		font-size:1.25em;
	}
	p.max{
		top: 100px;
		font-size:4.5em;
	}
	h2{
font-size:2em;
	}
	p.maxbody{
		font-size:1em;
	}
		img.closer{
		visibility: hidden;
	}

}


@media only screen and (max-width:600px){
	li{
		font-size:1em;
	}
	p.max{
		top: 100px;
		font-size:4.5em;
	}
	h2{
font-size:2em;
	}
	p.maxbody{
		font-size:1em;
	}

}