/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px;}

.row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	clear: both;
	margin: 0 auto;
	height: 100%;
	}

/*  GROUPING  */
.group:before,
.group:after, .row:after { content:""; display:table; }
.group:after, .row:after { clear:both;}

	
.last {margin: 0;}
.reverse{flex-direction:row-reverse}
.centerItem{ -webkit-align-items: center;align-items: center;}

		
/*  COLUMN SETUP  */
.col, .noMarg {display: block;float:left;}
.noMarg{margin:0}
.col{margin: 0% 3% 0% 0;}
.col:last-child{ margin-right: 0; }


/* noMarg 0%*/

.no_12_of_12 {width: 100%;}
.no_11_of_12 {width: 91.66%;}
.no_10_of_12 {width: 83.33%;}
.no_9_of_12 {width: 75%;}
.no_8_of_12 {width: 66.66%;}
.no_7_of_12 {width: 58.33%;}
.no_6_of_12 {width: 50%;}
.no_5_of_12 {width: 41.66%;}
.no_4_of_12 {width: 33.33%;}
.no_3_of_12 {width: 25%;}
.no_2_of_12 {width: 16.66%;}
.no_1_of_12 {width: 8.333%;}


/* MARGE 3% */

.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.41%;}
.span_10_of_12 {width: 82.83%;}
.span_9_of_12 {width: 74.25%;}
.span_8_of_12 {width: 65.66%;}
.span_7_of_12 {width: 57.08%;}
.span_6_of_12 {width: 48.5%;}
.span_5_of_12 {width: 39.91%;}
.span_4_of_12 {width: 31.33%;}
.span_3_of_12 {width: 22.75%;}
.span_2_of_12 {width: 14.16%;}
.span_1_of_12 {width: 5.583%;}



.commandi .col.span_3_of_12{margin:5px 3% 5px 0;height: 140px;}
.commandi .col.span_3_of_12 img{display:block;margin:0 auto;padding:15px;}
.commandi .col.span_3_of_12:nth-child(4n-4){margin-right:0;}

footer .span_9_of_12{border-left:1px solid #ccc;padding-left:20px}



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

.row {clear: both;height: 100%;display:block;}
.col { margin: 0%; }

.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12
.no_1_of_12, .no_2_of_12, .no_3_of_12, .no_4_of_12, .no_5_of_12, .no_6_of_12, .no_7_of_12, .no_8_of_12, .no_9_of_12, .no_10_of_12, .no_11_of_12, .no_12_of_12  {width: 100%;}


.commandi .col.span_3_of_12{margin:15px 3% 15px 0;}.commandi .span_3_of_12{width:22%}
.commandi .col.span_3_of_12 img, .col.span_3_of_12 img.up{display:block;margin:0 auto;padding:0px;}
.commandi .col.span_3_of_12:nth-child(4n-4){margin-right:0;}

footer .span_9_of_12{border-left:none;padding-left:0}


}