@font-face 
{
  font-family: 'Roboto-Light';
  src: URL('Roboto-Light.ttf') format('truetype');
}

body
{
	text-align: center;
	font-family: Roboto-Light;
	background: url(nbgWeb.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	max-width: 100%;
	font-size:1.3em;
	font-weight: 100;
	color: white;
	user-select: none;
}

html
{
	min-height: 100%;
}

img 
{
	border: 0; 
} 

.centered {
  position: relative;
  top: 50%;
  width: 48%;
  margin: 0px auto;
  text-shadow: 0px 2px black;
  background-color: hsla(0, 0%, 6%, 0.30);
}

.centeredContent
{
	text-align: center !important;
	color: black;
}

.centeredContent a
{
	color: black !important;
}

a
{
	color: white;
	text-decoration: none;
}

.centered > a 
{
	display: inline-block;
	margin-top: 6px;
	letter-spacing: 2.0px;
}

@media only screen and (max-height: 800px)
{
	.fancybox-content
	{
		margin: 0px !important;
	}

	.centered
	{
		width: 100%;
	}	
}

a:hover
{
	color:  #d9d9d9;
}

.header
{
	filter: invert(1);
	width: 380px;
}

#fancybox-content
{ 
	color: black;  
	overflow: scroll;
}

.fancybox-content
{
	font-weight: 300;
	margin: 32px !important;
}