body {
	line-height: 150%; 
	font-size: 15px;
	background-color: #fff; 
	color: #333;	
	margin: 0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div {
	padding: 0;
    margin-top: 0;
	margin-bottom:0em;
}

::selection {
	color: #fff;
}
::-moz-selection {
	color: #fff;
}

/* --------------- Content Alignment --------------- */
.content {
	width: 880px;
	margin-left: auto ;
	margin-right: auto ;
}

.header-content {
	width: 920px;
	margin-left: auto ;
	margin-right: auto ;
}

/* --------------- Links --------------- */
a:link {
	font-weight: normal;
	text-decoration: none;
}

a:link {
    color: #c43235;
}

a:visited {
    color: #c94649;
}

a:hover {
    color: #c94649;
}
a:active {
    color: #c94649;
}

/* --------------- Selection ---------------- */
::selection {
  background: #c43235;
  background: rgba(196,50,53,.99);
  color: #fff;
}
::-moz-selection {
  background: #c43235;
  background: rgba(196,50,53,.99);
  /*background: rgba(48,0,50,.99);*/
  /*background: rgba(196,50,53,.99);*/
  color: #fff;
}


/* --------------- navigation --------------- */
.navigation {
	box-shadow: 0px 3px 5px #aaa;
	margin: 0;
	padding: 0;
	list-style:none;
	position: relative;	
	background: #06000a;
}

.navigation li {
	display: inline-block;
}

.navigation li a, .navigation li .subtitle, .navigation li .image {	
	margin: 0;
	display: block;	
	text-align: center;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 20px;
	padding-right: 20px;
	
	background-color: #06000a;	
	color: #666;
}

.navigation li .subtitle {	
	padding-left: 0px;
	padding-right: 20px;
}

.navigation li .image {	
	padding:0;
	padding-top: 0.5em;
}

.navigation li .image a {	
	padding:0;
}

.navigation li .subtitle {
	color: #fff;
}

.navigation li a:hover:not(.active) {
	color: #fff;
	background-color: #06000a;	
}

.navigation .active {
	background-color: #c43235;
	color: #fff;	/*/300032 // c43235*/
}

.navigation li:nth-last-child(-n+2) {
	float:right;
}

/*---------------- Games section -------- */
.games {
	padding: 1.5em 0em;
}

/* --------------- game item --------------- */
.image_wrapper {
	max-width: 460px;
	position: relative; 
	left: 0; 
	top: 0;
}

.game_image {
	position: relative; 
	top: 0; 
	left: 0;
}

.overlay_image {
	position: absolute; 
	top: 0px; 
	left: 0px;
}

/* --------------- footer --------------- */
footer {	
	box-shadow: 0px -3px 5px #aaa;
	line-height: 125%; 
	color: #fff;
	background-color: #06000a;	
	font-size: 13px;
	text-align: center;
	padding-top: 1.5em;	
	padding-bottom: 2.5em;	
}

footer hr {
	margin-bottom: 1.5em;
	margin-top: 0em;
	padding: 0;
}

footer p {
	width: 30%;
	margin: 0em;
	margin-left: auto;
	margin-right: auto;
}

/*------------- Table -------------*/
table{	
	width:100%;
	border-collapse: collapse;
	padding: 0em;
	border-spacing:0; 
}

table img {
	display:block;
	margin: 0em auto;
	max-width: 460px;
}

td {
	padding: 0.35em;
	padding-right: 1.5em;
	padding-left: 0em;
}

td:nth-child(1){
	text-align: left;
}	

td:nth-child(2){
	vertical-align: top;
	text-align: justify;
	text-justify: inter-word;
}	


@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {		
	.navigation {
		font-size: 14px;
	}

	.navigation li a {	
    		padding-left: 10px;
    		padding-right: 10px;
	}

		
	td:nth-child(2){
		display: none;
	}		
		
	table .game_image {
		width: 100%; 
		height: auto; 
	}

	td {
		padding-right: 0em;
		padding-left: 0em;
	}
	
	.subheader {
		display: none;
	}	
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {	
	body{	
		margin-left: auto ;
		margin-right: auto ;
	}
	
	.content{	
		width: 95%;
	}
	.header-content {
		width: 100%;
	}
	footer p{
		width: 60%;
	}

	.not-mobile {
		display: none;
	}
}