/* Stylesheet for "blocks" layout of menu lists (img 200px x 150px) */

.blocks, 
.blocks li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.blocks li {
	float: left;
	}
.blocks a, 
.blocks a:visited {
	width: 200px;
	padding: 5px;
	text-align: center;
	line-height: 100%;
	margin: 10px 14px;
	}
.blocks img {
	width: 200px;
	height: 150px;
	background: white;
	border-radius: 10px;
	}
.blocks li:nth-child(3n+4) {
	clear: left;
	}

.colorful a,
.colorful a:visited {
	background: #05a;
	color: #fff;
	border-radius: 12px;
	}
.colorful a:hover,
.colorful a:focus,
.colorful a:active {
	background: orange;
	}

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

.blocks li {
	float: none;
	width: 100%;
	}
.blocks a, 
.blocks a:visited {
	margin: 15px auto;
	}

.colorful a,
.colorful a:visited {
	width: 90%;
	}
.colorful img,
.colorful br {
	display: none;
	}

}