*{margin:0;padding:0}
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
		#pagewrap {width: 1200px;max-width: 100%;margin: 0 auto;}
		.wrapper {overflow: hidden;}
		h3{margin-bottom:10px;}

.colonnamia{background: #fff;float: left;margin-left: 3.2%;margin-bottom: 30px;}
		.fullwidth .colonnamia {float: none;margin-left: 0;}
		
		/* grid4 col */
.grid4 .colonnamia {width: 22.6%;}
		
		/* grid3 col */
.grid3 .colonnamia {width: 31.2%;}
		
		/* grid2 col */
.grid2 .colonnamia {width: 48.4%;}
		
		/* clear col */
		.grid4 .colonnamia:nth-of-type(4n+1),
		.grid3 .colonnamia:nth-of-type(3n+1),
		.grid2 .colonnamia:nth-of-type(2n+1) {
			margin-left: 0;
			clear: left;
		}

		/* reset cols to 3-column */
		@media screen and (max-width: 740px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 31.2%;
			}
			.grid4 .colonnamia:nth-of-type(4n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 0;
				clear: left;
			}
		}
		
		/* reset cols to 2-column */
		@media screen and (max-width: 600px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 100%;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}
		
			/* grid3 */
			.grid3 .colonnamia {
				width: 48.4%;
			}
			.grid3 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid3 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}
		}
		
		/* reset cols to fullwidth */
		@media screen and (max-width: 400px) {
			/* grid4 */
			.colonnamia {
				width: 100% !important;
				margin-left: 0 !important;
				clear: none !important;
			}

           

		}