@charset "UTF-8";
/* CSS Document */
body, html
{
	margin: 0;
	height:100%;
	width:100%;
	padding:0;
}

#shiatsu
{
	background: #008587;
	width:100%;
	height: 49%;
	overflow: hidden;
	margin-bottom: 1%;
}
	
	#shiatsu > a > img 
	{
		width: 40%;
		display: inline-block;		
		position: relative;
		z-index: 1000; 
		top: 50%;
		left: 50%;
		-ms-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);		
	}
	
#sport
{
	background: #aec859;
	height:49%;
	width:100%;
	overflow: hidden;	
	margin-top: 1%;
}

	#sport > a > img
	{
		width: 40%;
		display: inline-block;		
		position: relative;
		z-index: 1000; 
		top: 50%;
		left: 50%;
		-ms-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);		
	}


@media (max-width: 750px)
{
	#shiatsu > a > img,
	#sport > a > img 
		{
			width:80%;
		}
}