@media only screen and (max-width: 740px) {
	h1 { font-size: 24px; }
	h3 { font-size: 20px; }
	h2 { display: block; text-align: left; }
	#info { float: none; display: block; text-align: center; }
	#photo {
		float: none;
		display: block;
		text-align: center;
	}
	#w { padding: 0px 15px; }
	p { padding: 0; }
}

@media only screen and (min-width: 741px) {
#info {
    max-width: 70%;
}
}


@media only screen and (max-width: 480px) {
	#w { margin: 0px 20px; }
}

@media only screen and (max-width: 320px) {
	#w { margin: 0px 10px; }
}


@media only screen and (max-width: 740px) {
#container > div
{
display: block;
width:90%;
}
#container
{
text-align: center;
margin: 0px auto;
}
}