html{ 
	background-color:#1b2a33;
	font-family:'Montserrat', sans-serif;
	font-size:1.01em;
	color:white;
	overflow:hidden;	
	/*filter:blur(.1px);*/
}

/*
html:after{
	position:absolute;
	content:'';
	height:100%;
	width:100%;
	bottom:-500px;
	right:-100px;
	background-image: url(/assets/vectors/backapp1.svg);
	background-position: center;
	background-repeat:no-repeat;
	transform:rotate(5deg) scale(3);
	opacity:.1;
	filter:blur(.1px);
}
*/

body{
  background-color:#1b2a33;
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	min-height:640px;
	box-shadow:0 0 20px inset rgba(0,0,0,1);
}

body:before{
	overflow:hidden;
	content:'';
	position:absolute;
	width:200%;
	height:200%;
	background:rgba(0,0,0,.2);
	top:50%;
	transform:rotate(-10deg);
	z-index:0;
	border:5px solid rgba(0,0,0,.02);
}

body:after{
	overflow:hidden;
	content:'';
	position:absolute;
	width:200%;
	height:200%;
	background:rgba(0,0,0,.2);
	top:60%;
	transform:rotate(-20deg);
	z-index:0;
	border:5px solid rgba(0,0,0,.02);
}

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

q{
	font-size:1.5em;
	animation: fadeIn ease 2s;
	color:rgba(255,255,255,.8);
}

q:before,
q:after{
	quotes: "“" "„" "‘" "‚";
	color:rgba(255,255,255,.5);
	font-size:1.8em;
}

header{
	display:none;
}

nav{
	background: linear-gradient( rgba(255,255,255,.2), transparent );
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	height:20%;
	padding:30px;
	border-radius:25px;
	z-index:2;
}

nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:right;
}

nav ul li{
	display:inline;
	padding:5px 10px;
	border-left:1px solid rgba(255,255,255,.3);
}

nav ul li:nth-child(1){
	border-left:none;
}

nav ul li a{
	text-decoration:none;
	cursor:pointer;
	transition: 0.3s;
	text-shadow: 	0 -1px 0 rgba(0,0,0,1);
	font-size:1.2em;
}

nav ul li a:hover{
	color:white;
	text-shadow: 	0 0 10px rgba(255,255,255,1), 
					0 0 20px rgba(255,255,255,1),
					0 0 5px rgba(200,200,255,1),
					0 -1px 0 rgba(0,0,0,.4);
}

* {
	box-sizing: border-box;
}

#logo{
	transform:scale(3);
	/*filter:drop-shadow( 0 0 8px rgba(255,255,255,.5) );*/
	z-index:2;
	/*animation: fadeIn ease 5s;*/
	margin-bottom:30px;
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

main article{
	display:block;
	position:absolute;
	top: calc( 50% - 50px);
	left:20px;
	right:20px;
	text-align:center;
	/*transform:rotate(-10deg);*/
}

footer{
	font-size:.8em;
}

footer div:nth-child(1){
	position:absolute;
	left:60px;
	bottom:20px;
	opacity:.5
}

footer div:nth-child(2){
	position:absolute;
	right:60px;
	bottom:20px;
	opacity:.5
}

@media only screen and ( max-width: 256px ) {
	body{
		display:none;
	}
	
	html:after{
		position:absolute;
		content:"check your zoom";
		top:50%;
		left:calc( 50% - 75px );
	}
}

@media only screen and ( max-width: 640px ) {

	#logo{
		transform:scale(1.5);
	}
	
	main article p{
		font-size:.8em;
		line-height:1em;
	}

	nav ul{
		text-align:center
	}
	
	nav ul li{
		border:none;
		display:block
	}
  
	footer div:nth-child(1){
		width:100%;
		left:0;
		right:0;
		text-align:center;
		bottom:45px;
	}
	
	footer div:nth-child(2){
		width:100%;
		left:0;
		right:0;
		text-align:center;
	}
  
}