@media only screen and ( min-width:600px ){
	body.locked{
		overflow:hidden;
	}
	.start{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		z-index:998;
		background-color:#373433;
		opacity:0.9;
	}
	.start .warning{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -140px 0 0 -400px;
		width: 800px;
		height: 280px;
	}
	.start .warning h2{
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 20px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.start .warning ul{
		margin:20px 0 0 0;
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 14px;
		color:#FFFFFF;
	}
	.start .warning ul li{
		list-style-type:circle;
		line-height:25px;
	}
	.start .warning p{
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 14px;
		font-weight:bold;
		font-style:italic;
		color:#C9B1FC;
	}
	.start .warning button{
		position:relative;
		float:right;
		margin:10px 0 0 0;
		border:2.5px solid #FFFFFF;
		padding:10px 30px 10px 30px;
		outline:0px;
		cursor:pointer;
		background:none;
		text-transform:uppercase;
		font-family:Abel;
		font-size:18px;
		font-weight:normal;
		color:#FFFFFF;
	}
	.mask{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		z-index:998;
		background-color:#373433;
		opacity:0.9;
	}
	.mask .warning{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -250px;
		width: 500px;
		height: 30px;
		text-shadow:1px 1px 0px #373433;
		text-align: center;
		font-family:Abel;
		font-size: 18px;
		color:#FFFFFF;
	}
	.mask .warning span{
		text-decoration:underline;
	}
	.mask .spinner{
		position: absolute;
		top: 40%;
		left: 50%;
		margin: -20px 0 0 -40px;
		width: 80px;
		height: 40px;
		text-align: center;
		font-size: 10px;
	}
	.mask .spinner > div{
		background-color: #fff;
		height: 100%;
		width: 6px;
		display: inline-block;
		-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
		animation: stretchdelay 1.2s infinite ease-in-out;
	}
	.mask .spinner .rect2{
		-webkit-animation-delay: -1.1s;
		animation-delay: -1.1s;
	}
	.mask .spinner .rect3{
		-webkit-animation-delay: -1.0s;
		animation-delay: -1.0s;
	}
	.mask .spinner .rect4{
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
	.mask .spinner .rect5{
		-webkit-animation-delay: -0.8s;
		animation-delay: -0.8s;
	}
	@-webkit-keyframes stretchdelay{
		0%, 40%, 100%{ -webkit-transform: scaleY(0.4) }  
		20%{ -webkit-transform: scaleY(1.0) }
	}
	@keyframes stretchdelay{
		0%, 40%, 100%{ 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		} 20%{
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
		}
	}
}
@media only screen and ( max-width:599px ){
	body.locked{
		overflow:hidden;
	}
	.start{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		z-index:998;
		background-color:#373433;
		opacity:0.9;
	}
	.start .warning{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -45% 0 0 -45%;
		width: 90%;
	}
	.start .warning h2{
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 50px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.start .warning ul{
		margin:20px 0 0 0;
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 34px;
		color:#FFFFFF;
	}
	.start .warning ul li{
		list-style-type:circle;
	}
	.start .warning p{
		text-shadow:1px 1px 0px #373433;
		font-family:Abel;
		font-size: 30px;
		font-weight:bold;
		font-style:italic;
		color:#C9B1FC;
	}
	.start .warning button{
		position:relative;
		float:right;
		margin:50px 0 0 0;
		border:2.5px solid #FFFFFF;
		padding:30px 50px;
		outline:0px;
		cursor:pointer;
		background:none;
		text-transform:uppercase;
		font-family:Abel;
		font-size:40px;
		font-weight:normal;
		color:#FFFFFF;
	}
	.mask{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		z-index:998;
		background-color:#373433;
		opacity:0.9;
	}
	.mask .warning{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -50px 0 0 -45%;
		width: 90%;
		height: 100px;
		text-shadow:1px 1px 0px #373433;
		text-align: center;
		font-family:Abel;
		font-size: 18px;
		color:#FFFFFF;
	}
	.mask .warning span{
		text-decoration:underline;
	}
	.mask .spinner{
		position: absolute;
		top: 40%;
		left: 50%;
		margin: -20px 0 0 -40px;
		width: 80px;
		height: 40px;
		text-align: center;
		font-size: 10px;
	}
	.mask .spinner > div{
		background-color: #fff;
		height: 100%;
		width: 6px;
		display: inline-block;
		-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
		animation: stretchdelay 1.2s infinite ease-in-out;
	}
	.mask .spinner .rect2{
		-webkit-animation-delay: -1.1s;
		animation-delay: -1.1s;
	}
	.mask .spinner .rect3{
		-webkit-animation-delay: -1.0s;
		animation-delay: -1.0s;
	}
	.mask .spinner .rect4{
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
	.mask .spinner .rect5{
		-webkit-animation-delay: -0.8s;
		animation-delay: -0.8s;
	}
	@-webkit-keyframes stretchdelay{
		0%, 40%, 100%{ -webkit-transform: scaleY(0.4) }  
		20%{ -webkit-transform: scaleY(1.0) }
	}
	@keyframes stretchdelay{
		0%, 40%, 100%{ 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		} 20%{
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
		}
	}
}