@media only screen and (max-width: 800px) {
	#main-content, #main-wrap, #portraits, #advertising, #landscapes, #reportage, #index-image, .display-image, #biography, #contact{
		width: 100%;
		height: 776px;
	}

	#intro-wrap, #intro{
		width: 100%;
	}

	#intro-name, #intro-logo{
		transform: scale(.7);
		margin: 0 auto;
	}

	#intro-name{
		width: 100%;
	}

	.photo-name{
		width: 100%;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.slider{
		width: 97%;
		padding: 0 10px;
	}

	.slider-wrap{
		width: 90%;
	}

	.display-image{
		height: 600px;
	}

	#title{
		width: 100%;
		margin: 0 auto;
	}

	#footer{
		padding: 15px;
		width: 90%;
	}

	#footer-nav{
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
}