@font-face {
	font-family: induction;
	src: url(induction.ttf);
}
html {
	height: 100%;
	margin: 0;
	font-size: 62.5%;
}
body {
	height: auto;
	margin: auto;
}
#body {
	height: 90%;
}
body {
	font-family: induction;
	background-color: #000;
	color: #fff;
	position: relative;
}
#top-menu {
	text-align:center;
	background-color: inherit;
	margin-top: 3em;
	font-size: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}
#top-menu a {
	background-color: rgba(31,31,31,1);
	line-height: 3em;
	color: #515b5d;
	font-size: 0.8em;
	font-style: italic;
	padding: 1em;
	text-decoration: none;
	box-shadow: 0 0 0.8em 0.5em #000 inset;
}

#top-menu a#currentpage, #top-menu a:hover:active {
	color: rgba(86,116,120,1);
}

#top-menu a:hover:active {
	text-shadow: 0 0 10px rgba(86,116,120,1), 0 0 10px rgba(86,116,120,1);
}

#top-menu a:hover:not(#currentpage), #top-menu a:hover:active:not(#currentpage) {
	background-color: rgba(45,45,45,1);
}
#top-menu a:hover {
	color: rgba(87, 99, 99, 1);
}

#top-menu a.disabled:hover {
	text-shadow: 0 0 10px rgba(100, 0, 0,1), 0 0 10px rgba(100, 0, 0,1);
}

a {
	color: #515b5d;
}
a:hover:not(.disabled):not(#currentpage), a:hover:active:not(.disabled):not(#currentpage) {
	color: rgba(86,116,120,1);
	text-shadow: 0 0 10px rgba(86,116,120,1), 0 0 10px rgba(86,116,120,1);
}

@media screen and (min-width: 1140px) {
	#bg {
		width: 85rem;
		margin-left: -42.5rem;
		margin-top: 70px;
	}
	#bgnothome {
		width: 74rem;
		margin-left: -37rem;
		margin-top: 70px;
	}
	#content {
		padding-left: 160px;
		padding-right: 160px;
		width: 90%;
		max-width: 720px;
		min-height: 20%;
	}
	#container {
		margin-top:35rem;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		max-width: 1040px;
	}
}

@media screen and (max-width: 400px) {
	#container {
		margin-top: 18rem;
		margin-left: auto;
		margin-right: auto;
		width: 97%;
	}
}

@media screen and (min-width: 400px) and (max-width: 1139px) {
	#container {
		margin-top:35rem;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		max-width: 1040px;
	}
	#content {
		padding-right: 160px;
		width: 90%;
		max-width: 880px;
		min-height:20%;
	}
}

@media screen and (max-width: 1139px) {
	#bg, #bgnothome {
		width: 80%;
		margin-left: -40%;
		margin-top: 70px;
	}

}

#bg, #bgnothome {
	opacity: 1;
	position: fixed;
	z-index: -1;
	left: 50%;
}

#container {
	opacity: 1;
}


#content {
	background-color: rgba(0, 0, 0, 0.7);
	margin: auto;
	opacity: 1;
}

#content, #footer {
	font-size: 1.4rem;
}

#content h1, #footer p {
	text-align: center;
}

#content h1 {
	font-size: 2rem;
}

#content p, #footer p {
	font-family: "Open Sans", Sans-Serif;
}
#footer, #footer p {
	line-height: 1em;
	height: 1em;
	margin: 0.5em 0 0.5em 0;
}