/* 
	! Design & Code
	by Roland Hidvegi - rolandhidvegi.com
*/

	
/* Tablet devices */

@media only screen and (max-device-width:1024px) and (orientation: landscape) {
	
	body, html {
		-webkit-tap-highlight-color: rgba(182,60,1,0.5);
		-webkit-text-size-adjust: none;
	}

	#label, #loader, #nav-menu {
		display: none;
	}
	
	#info .text {
		width: 700px;
	}
}	

@media only screen and (max-device-width:1024px) and (orientation: portrait) {
	
	body, html {
		-webkit-tap-highlight-color: rgba(182,60,1,0.5);
		-webkit-text-size-adjust: none;
	}

	#label, #loader, #nav-menu {
		display: none;
	}
} 	
  

/* Mobile device landscape */
 		
@media only screen and (max-device-width:640px) and (orientation: landscape) {
   
	body, html {
		-webkit-tap-highlight-color: rgba(182,60,1,0.5);
		-webkit-text-size-adjust: none;
		font-size: 7px;
	}
	
	#selected-item {
		font-size: 38pt;
		top: 80px;
		left: 20px;
		letter-spacing: 2pt;   	
	}
	
	#nom, #hint, #num, #context, #nav-left, #nav-right, #label, .social, #loader, #nav-menu, .dots, .r, #fwa {
			display: none;
	}

	#logo {
		font-size: 12pt;
		top: 20px;
		left: 20px;
	}

		#logo strong {
			font-size: 9pt;
		}
	
	h3 {
		font-size: 9pt;
		padding-bottom: 0px;
		margin: 10px 10px 0px 0px;
	}
		
	#menu {

		font-size: 33pt;
		top: 15px;
		left: 200px;
		letter-spacing: 2pt;
	}
	
	   #menu a {
			line-height: 110%;
		}
	
		#menu li {
			padding-left: 0px;
		}
		
		
		
/* ============= */
/* ! Info page   */
/* ============= */
		
	#info {
		padding: 0;
		margin: 0;
		min-height: 320px;
		font-size: 7pt;		
	}
		
		#info article {
			margin: 0;
			padding: 0;
			font-size: 6pt;
			line-height: 14pt;
		}
		
			#info .text {
			position: absolute;
			top: 100px;
			left: 20px;
			width: 260px;
			display: none;	
			}	
		
	#footer {
		height: 10px;
		padding: 10px 20px 20px 20px;
		background: none;
	}
	
	#footer	div a {
		margin-left: 30px;
	}
}	



/* Mobile device portrait */

@media only screen and (max-device-width:640px) and (orientation: portrait) {
   
	body, html {
		-webkit-tap-highlight-color: rgba(182,60,1,0.5);
		font-size: 7px;
	}
	   
	#nom, #hint, #num, #context, #nav-left, #nav-right, #label, .social, #loader, #nav-menu, .dots, .r, #fwa {
		display: none;
	}
	
	#selected-item {
		font-size: 38pt;
		top: 90px;
		left: 20px;
		letter-spacing: 2pt;   	
	}
	
	#logo {
		font-size: 12pt;
		left: 20px;
		top: 20px;
	}

		#logo strong {
			font-size: 9pt;
 		}

	h3 {
		font-size: 9pt;
		padding-bottom: 0px;
		margin: 10px 10px 0px 0px;
	}
		
	#menu	{
		font-size: 38pt;
		letter-spacing: 2pt;
		top: 70px;
		left: 9px;
	}
	
	   #menu a {
			line-height: 110%;
		}
		
		#menu li {
			padding-left: 0px;
		}
		
		#nav-menu	{
			bottom: 50px;
		}

/* ============= */
/* ! Info page   */
/* ============= */
		
	#info {
		font-size: 7pt;
		line-height: 14pt;
		padding: 0;
		margin: 0;
		min-height: 420px;
	}
	
	#info .text {
		position: absolute;
		top: 100px;
		left: 20px;
		width: 260px;
		padding-top: 20px;
	}	

	#info p {
		display: none;
	}	
		
	#footer	{
		height: 10px;
		padding: 10px 0px 20px 20px;
		background: none;
	}
	
	#footer	div a {
		margin-left: 30px;
	}
}