html {
	min-height: 100%;
	height:100%;
}
body {
	background: #2273c9;
	/*background: linear-gradient(177deg, #6f7780 0%, #b1c1d3 74%, #6f7780 100%);*/
	/*background: linear-gradient(177deg, #0F4178 0%, #2273c9 74%, #0F4178 100%);*/
	background: linear-gradient(177deg, #104279 0%, #2273c9 74%, #104279 100%);
	background-attachment: fixed;
	
	font-family: 'Oswald', sans-serif;
	font-weight:200;
	min-height: 100%;
	height:100%;
	margin:0;
	padding:0;
}

div, h2 {
	text-align: center;
	color: #EDEDED;
	width: 100%;
	margin: auto;
	font-size:3rem;
	text-shadow: 2px 2px 2px rgba(88,58,2,0.7);
}

em {
	font-size:1.5rem;
	text-shadow: 1px 1px 1px rgba(88,58,2,0.7);
}

h2.Reversed {
	-moz-transform: scaleY(-0.5);
	-o-transform: scaleY(-0.5);
	-webkit-transform: scaleY(-0.5);
	transform: scaleY(-0.5);
	filter: FlipV;
	-ms-filter: "FlipV";
	color:#0B0A17;
	margin-top:4px;
	color: #64370730;
	text-shadow:none;
}
  
div.container {
	width:100%;
	position: relative;
	top: 40%;
	transform: translateY(-55%);
	line-height:2rem;
}

div.container .logo {
	width: 300px;
}

ul.cases {
	text-align: center;
	margin-bottom: 5px;
	padding:0px;	
}

ul.cases li{
  list-style: none;
  display: inline;
  margin-left: 20px;
  cursor:pointer;
  user-select: none;
}
	
ul.cases li img {
  position: relative;
  top: 0px;
  height:180px;
  width:169px;  
}

ul.cases li img:hover{
  top: -10px;
}	

ul.cases li span{
  font-size:1rem;
}

div.animation {
	position: absolute;
	z-index: -1;
	bottom: 60px;
	width: 160px;
	left: 5%;
}

span.explain {
	font-size:1.1rem;
	font-weight:400;
	display: block;
	height: 50px;
	margin-top:10px;
	line-height:normal;
	text-shadow: 1px 1px 1px rgba(88,58,2,0.7);}


div.footer {
	position: absolute;
	bottom:0px;
	color:#fbfbfb;
	font-size:1rem;
	text-shadow:none;
	letter-spacing: .1rem;
}

div.footer .kvk {
	font-size:1rem;
}

div.footer a {
	color: #EDEDED;
}

div.privacyContent {
	font-size:0.9em;
	text-align:left;
	width:90%;
}

div.privacyContent H2 {
	font-size:2rem;
	text-align:left;
	width:90%;
	margin:0;
	padding-bottom:10px;
}

div.privacyContent h3, div.privacyContent h4{
	text-shadow:none;
	margin-bottom:0px;
	padding-bottom:0px;	
}

div.privacyContent p {
	color:rgb(207, 207, 207);
	padding:0;
	margin-top:2px;
	text-shadow:none;
}

div.privacyContent a, div.privacyContent i, div.privacyContent b, div.privacyContent li {
	text-shadow:none;
}

div.privacyContent li {
	text-shadow:none;
	color:rgb(207, 207, 207);
	width:70%;
	line-height:19px;
}

div.privacyContent a {
	color:rgb(207, 207, 207);
}

.gameLink {
	display: block;
	width: 200px;
	padding: 0 5px 1px 0;
	border-radius: 10px;
	color: #fff;
	background-color: #0F4178;
	text-align: center;
	margin: 0 auto;
	height: 35px;
  	line-height: 35px;
}

.gameLink a {
	margin-top:5px;
	color: #fff;
	text-decoration: none;
}

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

	div.container {
		top:35%;
	}

	div.container .logo {
		width: 200px;
	}

    em {
		font-size:1rem;
		font-weight:400;
		width: 300px;
		display: inline-block;
		margin-top:10px;
	}

	ul.cases li{
	  margin-left: 5px;
	}

	ul.cases li img {
	  height:60px;
	  width:57px;  
	}
	
	ul.cases li img:hover{
	  top: -5px;
	  user-select:none;
	}

	div.animation {
		bottom: 35px;
		left:-20px;
	}

	div.animation img {
		width:80px;
	}

	span.explain {
		font-weight:300;
		font-size:0.85rem;
		line-height:16px;
		margin: 0 25px;
	}
	
	div.footer {
		font-size:0.6rem;
	}

	div.footer .kvk {
		font-size:0.5rem;
	}

	.gameLink{
		display: none;
	}

}