1. Create fluid columns, with % and em sizing

2. Remove adjacent columns:

	floated elements --> float:none;
	fixed widths --> width:auto;
	
3. Remove CSS positioning:

	position:static;
	
4. Remove fixed widths for elements:

	width:90%;
	height:auto;
	
5. Remove large background pics:

	background-image:none;
	
	or: override background-image with smaller version, or pattern

6. Replace logo-pics with increasingly smaller versions

	target: 10KB instead of 100KB
	
7. Replace desktop-specific content with mobile-specific

	switching between display:block; and display:none;

	Example of mobile-only content:
	<a id="phone_number" href="tel:+18001234567">Call me</a>
	or:
	<a id="skype_number" href="callto:1234567890">Skype me</a>
	
8. Expand link areas: 

	iOS recommendation: at least 44x44 px for comfort
	
	Common CSS overrides for <a>
	
	a {
		display:block;
		width:auto;  /* make buttons wide; maybe also % width */
		text-align:center;
		padding:**;  /* lots of padding */
		margin:**;  /* increase top and bottom margins */
		text-decoration:none;
		border-radius:**;  /* a slight-buttonish shape doesn't hurt */
		box-shadow: **;  /*  button-like affordance */
	}