@font-face {
  font-family: upheaval;
  src: url(../fonts/upheavtt.ttf);
}

@font-face {
  font-family: SongOfCoronos;
  src: url('../fonts/Song Of Coronos.ttf');
}

#page-container {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#nav-container {
	position: relative;
	left: -15px;
	width: 250px;
	margin: 0px auto;
	z-index: 500;
	/*
	border-top: 10px solid #395B50;
	border-bottom: 10px solid #395B50;
	*/
}

#logo-bar-title {
	font-family: upheaval;
	font-size: 75px;
	/*color: #5A7684;*/
	color: white;
	-webkit-text-stroke: 1px black;
	text-shadow: 0px 0px 40px black;
	z-index: 501;
}

#logo-bar-title2 {
	font-family: SongOfCoronos;
	font-size: 50px;
	position: relative;
	top: -45px;
	left: 77px;
	color: black;
	font-style: italic;
	color: white;
	text-shadow: 0px 0px 10px black;
	z-index: 502;
}

#logo-bar-hat {
	z-index: 503;
	position: relative;
	top: -110px;
	left: 142px;
}

#nav-button-container {
	position: relative;
	top: -100px;
	left: 50px;
	text-align: center;
}

div.menu-button-sm {
	float: left;
	cursor: pointer;
}
div.clear-float {
	clear:both;
}