@import url('https://fonts.googleapis.com/css?family=Emblema+One');

html {
	margin: 0 auto;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: arial;
	color: #FFFFFF;
	background: #000000;
	font-size: 1em;
}

#container { 
	margin: 0 auto;
	padding: 0 0;
	height: 60vh;
}

header {
	height: 40vh;
	text-align: center;
}
header h1 {
	font-family: 'Emblema One', cursive;
	color: #1911FF;
	font-size: 5em;
	margin: 0 0;
	padding: 10vh 0;
	text-shadow: 4px -3px 3px #A5A7FF;
}

.spacer_1 {
	clear: both;
}

.noborder {
	border: none;
}

.announcement {
    font-size: 1.5em;
    padding: 5px;
    
}

.left {
	float: left;
	margin: 5px 1% 2px 0;
}

.right {
	float: right;
	margin: 5px 0px 2px 1%;
}

.center {
	text-align: center;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100vw;
	text-align: center;
	padding: 5vh 0;
}

.announcement {
    width: 60vw;
    margin: 0 auto;
}


.announcement a, footer a {
	color: #FFFFCC;
	text-decoration: underline;
}

.announcement a:hover, footer a:hover {
	font-weight: bold;
	text-decoration: none;
}

#ajax_target {
	display: none;
	cursor: zoom-out;
	background: rgba(0,0,0,.7);
	text-align: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 16;
}

#ajax_target .text_box {
	background: #003366;
}

#ajax_target img {
	max-width: 90vw;
	max-height: 90vh;
	margin-top: 5vh;
}

#ajax_target p {
	display:block;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	background: rgba(0,0,255,.8);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	margin: 0 0;
}

#x_box {
	display: none;
	position: fixed;
	top: 1vh;
	right: 1vw;
	font-family: verdana;
	font-size: 1.5em;
	font-weight: bold;
	color: #EEEEEE;
	text-decoration: underline;
	cursor: pointer;
	z-index: 17;
}

@media only screen and (max-width: 380px) {
   body { 
	font-size: .1em; 
	}
   .header_text h1 { 
   font-size: .5em; 
   }
}

@media only screen and (max-width: 700px) {
   body { 
	font-size: .3em; 
   }
  .header_text h1 { 
   font-size: 2em; 
   }
}

@media only screen and (max-width: 810px) {
	body { 
		font-size: .7em; 
	}
	.header_text h1 { 
		font-size: 3em; 
   }
}

@media only screen and (max-width: 1300px) {
	body { 
		font-size: .7em; 
	}
	.header_text h1 { 
		font-size: 3em; 
   }
}

@media only screen and (max-width: 1400px) {
	body { 
		font-size: .8em; 
	}
}