*{
	margin:0;
	padding:0;
	list-style-type: none;
}

html,body{
	width:100%;
	font-family: arial;
	font-weight:bold;
	background:hsl(0,0%,5%);
	color:white;
	height:300vh;
	-webkit-overflow-scrolling: touch;
}

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

	input,.button{
		background:none;
		font-family: arial;
		font-size:14px;
		text-transform: uppercase;
		font-weight:bold;
		border:0;
		color:white;
		outline:0;
	}

	.button{
		cursor:pointer;
	}

	.viewport{
		position: fixed;
		width:100%;
		height:100vh;
		z-index:3;
	}

		.viewport img{
			z-index: 3;
			background:black;
			height:100vh;
			/*pointer-events: none;*/
		}

	#container{
		position: absolute;
		width:100%;
		z-index:3;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;

	}

	.scroll{
		height:300vh;
		-webkit-overflow-scrolling: touch;

	}

	img{
		position: absolute;
		width:100%;
		height:100%;
		max-height:100vh;
		max-width:100vw;
	}

.page{
	display: none;
	width:100%;
	height:100vh;
}

	.page.a{
		display: block;
	}

center{
	/*display: none;*/
	position:absolute;
	top:50%;left:50%;
	width:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

	p,li,input{
		line-height: 75px;
		text-align:center;
		font-size:14px;
		letter-spacing: 0.03em;
		text-transform: uppercase;
	}

	

	#mce-responses{
		position: absolute;
		top:0;left:0;
		width:100%;
		background:hsl(0,0%,5%);
		text-transform:uppercase;

	}

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

	ul{
		width:95%;
	}

	ul li,p,
	input,.button{
		font-size:12px;
	}


}