/* iPad portrait: 768px */
@media screen and (max-width: 1023px) {

p {
	font-size: 2em;
	line-height: 1.6em;
}

}

/* iPhone retina portrait: 640px */
@media screen and (max-width: 767px) {

article,
#d .small {
	width: 88%;
}

p {
	font-size: 1.7em;
	line-height: 1.6em;
}
	
}

/* iPhone portrait: 320px */
@media screen and (max-width: 479px) {

p,
#d .small p,
#i small {
	font-size: 1.1em;
	line-height: 1.6em;
}

article,
#d .small {
	margin: 16px;
}

nav,
#i small {
	position: absolute;
	left: 16px;
	bottom: 12px;
}

}