@charset "utf-8";
/* CSS Document */
body
{
font-family:'Roboto';
font-size:15px;
font-weight:300;
background-color: black;
color: #696969;
margin:0px 0px 0px 0px;
}

h1{
	font-size:3em;
	font-weight:100;
	line-height:1em;
	color: #555;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;}

h2{
	font-size: 1.5em;
	font-weight:100;
	line-height:1.3em;
	color: #555;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;	
	}
h3,h4{
	font-size: 16px;
	font-weight:100;
	}	

p{font-size:1.05em}

div.main 
{   position:relative;
    margin:0px;
	top:0px;
	left:0px;
	width:100%;
	min-width:30%;
        min-height:70%;
        height:800px;
	background: url("bg.jpg") no-repeat top left;
        background-size: auto 1100px;
    background-position:-0px -100px	
}



div.main > div.container
{   position:absolute;
    margin:0px;
	top:15%;
	left:10%;
	right:10%;
	width:90%;
	min-width:50%;
	}

div.main > div.container > div#popup
{
    display:block;
    width:90%;
	height:90%;
	color:#fff;
	z-index:2000;
}

div.main > div.container > div#popup h1{
	font-weight:200;
	font-size:2.2em;
	color:#fff;
	line-height:1.2em;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	}

@media only screen and (min-width: 481px) {
div.main > div.container > div#popup h1{
	font-size:4.2em;

	}
}

div.main > div.container > div#popup h2{
	color:#fff;
	line-height:1.3em;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	}