/* CSS Document */
@media screen and (max-device-width:480px), screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2){
	-webkit-text-size-adjust: none;
}

/* Portrait */
@media screen and (orientation:portrait){
	body {
		width: 100%;
	}

	#wrapper {
		width: 95%;
	}

	#wrapper, header, #logo, nav li {
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		float: none;
		max-width: 768px;
	}

	header, #logo, nav li {
		width: 100%;
	}

	header {
		height: auto;
	}

	article {
		width: 75%;
	}

	article .left {
		width: 50%;
	}

	#content img {
		width: 100%;
	}


}

/* Landscape */
@media screen and (orientation:landscape){
	body {
		width: 100%;
	}

	#wrapper {
		width: 95%;
	}

	#wrapper, header, #logo, nav li {
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		float: none;
		max-width: 768px;
	}

	header, #logo, nav li {
		width: 100%;
	}

	header {
		height: auto;
	}

	article {
		width: 75%;
	}

	article .left {
		width: 50%;
	}

	#content img {
		width: 100%;
	}
}