html, body
{
	width: 100%;
	margin: 0;
    background-color: #101010;
	background-image: radial-gradient(50% 75% at center center, rgba(32, 32, 32, 1), rgb(16, 16, 16, 1));
    background-repeat: no-repeat;
	height: auto;
}

@media (min-height: 420px) {
	html, body
	{
	    height: 100%;
	}
}

body {
    overflow-x: hidden;
    font-family: "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
	color: white;
}

a {
	font-size: 13px;
	line-height: 16px;
	color: white;
	text-decoration: none;
}

a:hover {
	color: #9f9f9f;
}

h2, h3 {
	margin: 5px 0;
	font-size: 13px;
	font-weight: normal;
}

p {
	margin: 5px 0;
	font-size: 12px;
	line-height: 16px;
}

h3 a {
	text-decoration: none;
}

h2 strong {
	font-size: 16px;
}

h3 strong a {
	font-size: 15px;
}

div.canvas-splash, canvas
{
	z-index:0;
	position: fixed;
	opacity: 0.6;
}

div.top-splash
{
	z-index:1000;
	position: sticky;
}

div.fixed-bottom
{
	z-index:2000;
}

@media (max-height: 419px) {
div.fixed-bottom
	{
		position: unset!important;
	}
}

@media (min-height: 420px) {
div.top-splash
	{
		position: fixed!important;
		top: 40%!important;
		left: 50%!important;
		transform: translate(-50%, -40%)!important;
	}
}


@media (min-width: 620px) {
  div.top-splash img.logo
	{
		width: 380px!important;
	}
}

@media (min-width: 768px) {
  div.top-splash img.logo
	{
		width: 400px!important;
	}
}

@media (min-width: 992px) {
  div.top-splash img.logo
	{
		width: 420px!important;
	}
}

@media (min-width: 1200px) {
  div.top-splash img.logo
	{
		width: 450px!important;
	}
}