html {
  font-size: 100%; padding: 0; margin: 0;
}
body {
	background:#333;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	color:#fff
}

#game-items {
	width: 950px;
	margin: 10px auto;	
}
.game_details {
	margin: 10px 0;	
}
img {border:0}
a {color:#690}

/* Header Style */
.container > header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}
.gameC { width: 728px; height:546px;margin:20px auto;background:#369;text-align:center;}
.gameloader { width:100%;height:100%;}
.item { width: 150px; height:150px;margin-bottom:10px;background:#000;text-align:center;}
.item img {width:150px;height:150px;}
.item.w2 { width: 310px; height:310px;margin-bottom:10px;background:#000; }
.item.w2 img {width:310px;height:310px;}
.item.w3 { width: 790px; height:790px;margin-bottom:10px;background:#000; }
.item.w4 { width: 270px; height:110px;margin-bottom:10px;background:#000;padding:20px;font-size: 0.7em;
	text-align:left;color: #622D7F; }
.item.w3 div {	font-size:11px;color:#fff;padding:10px;text-align:left}

/* Demo Buttons Style */
.item.w4 a {color: #622D7F;}
.item.w4 a:hover {color: #DFA7FE;}


/*Media Queries*/
@media only screen and (max-width: 959px) {
#game-items {width: 98%;}}
@media only screen and (min-width: 768px) and (max-width: 959px)  {
#game-items {width: 98%;}}
@media only screen and (max-width: 767px){
#game-items {width: 98%;}}