@font-face { 
			font-family: Open Sans Condensed Light;
			src: url(OpenSans-CondLight.ttf);
			}
@font-face {
			font-family: Placard MT;
			src: url(Placard_MT_Condensed.ttf);
			}

html {
	overflow-x:hidden !important;
}			
			
body {
	margin:0;
	padding:0;
}

::selection {background:gray;}
::-moz-selection {background:gray;}
::-webkit-selection {background:gray;}
::-ms-selection {background:gray;}
::-o-selection {background:gray;}

#container {
    position:absolute;
    overflow: hidden;
	height:100%;
	width:100%;
}
 
 #container video {
	width:auto;
	min-width:100%;
	height:auto;
	min-height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:0;
 }
 
#container:before {
	content: '';
    position: absolute;
	width:100%;
	height:100%;
	background: url("dot.png") repeat;
	opacity:0.1;
	left:0;
	top:0;
	z-index:1;
 }
 
#container .content {
    position: relative;
	top: 0;
    left: 0;
	text-align:center;
	width:100%;
	min-height:100%;
	height:100%;
	z-index:2;
}

h1 {
	color:#FF9900;
	font-size:55pt;
	font-family: 'Placard MT';
	font-weight:normal;
	line-height:55pt;
	margin-top:100px;
	text-align:center;
	position:relative;
}

span {
	font-size:55pt;
	color:#fff;
	line-height:55pt;
}


#container button {
	width:200px;
	height:50px;
	border-radius:3px;
	outline:none;
	cursor:pointer;
	background:transparent;
	border:1px solid white;
	color:white;
	font-size:18pt;
	font-family:'Open Sans Condensed Light', 'Open Sans Light';
	transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	margin-top:20%;
}

#container button:hover {
	width:220px;
	color:black;
	background:white;
}

#dropdown{
   display:inline-block;
   text-align:center;
   font-family:'Open Sans Light';
   margin:10px;
   position:fixed;
   z-index:1000;
}

#dropdown a {
	text-decoration:none;
	outline:none;
}

#dropdown label, #dropdown ul li{
	display:block;
	width:80px;
	padding:10px;
	color:rgba(255,255,255,0.6);
	border:1px solid;
	border-color:rgba(255,255,255,0.3);
}

#dropdown label:hover {
	background:rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.9);
	cursor: pointer;
}

#dropdown ul li:hover{
	 background:rgba(255,255,255,0.2);
	 color:rgba(255,255,255,0.9);
	 cursor: pointer;
}
#dropdown label{
	color:white;
	position:relative;
	z-index:2;
}
#dropdown input{
	display:none;
}
#dropdown input ~ ul{
	position: relative;
	visibility: hidden;
	opacity: 0;
	top:-20px;
	z-index: 1;
}
#dropdown input:checked + label{
	background:rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.9);
}

#dropdown input:checked ~ ul{
	visibility: visible;
	opacity: 1;
	top: 0;
}

.animate{
	margin:0;
	padding:0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;  
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; 
	-moz-backface-visibility:hidden; 
	-ms-backface-visibility:hidden; 
}

@media (min-device-width:768px) and (max-device-width:979px) {

	#dropdown label, #dropdown ul{
		width:100px;
	}
	
	#dropdown ul li  {
		width:100px;
	}	

	#container video {
		display:none;
	}
	
	h1 {
		font-size: 70pt;
		line-height: 70pt;
	}
	
	span {
		font-size: 67pt;
	}