#overview nav {
	overflow: hidden;
}


/* Portrait */

@media screen and (max-width: 480px){

	#overview nav a[data-role*="button"] {
		width: 49%;
	}
	
	#overview nav a[data-role*="button"]:nth-child(2n+1) {
		float: left;
	}
	
	#overview nav a[data-role*="button"]:nth-child(2n) {
		float: right;
	}

}


/* Landscape */

@media screen and (min-width: 481px) and (max-width: 800px){
	
	#overview nav a {
		float: left;
		width: 32%;
	}

	#overview nav a[data-role*="button"]:nth-child(3n+1) {
		margin-right: 1%;		
	}
	
	#overview nav a[data-role*="button"]:nth-child(3n+2) {
		margin-left: 1%;
		margin-right: 1%;
	}

	#overview nav a[data-role*="button"]:nth-child(3n+3) {
		margin-left: 1%;
	}

}