html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1340px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}
.grid-tab {
	padding: 20px  ;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}
.col-3-4  {
	width: 75%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}


/* Tile Grid */

.tiles {
  display: block;
  /* overflow: hidden; */
}
.tiles > .tab {
  display: block;
  height: auto;
  float: left;
  padding-bottom: 0;
}
.tiles.two_up {
  margin-left: -2%;
}
.tiles.two_up > .tab {
  margin-left: 2%;
  width: 48%;
}
.tiles.two_down .tab {
	 margin-left: 2%;
  width: 23%;
	}
.tiles.two_down  {
margin-left: -2%;
width: auto;
}	
.tiles.three_up, .tiles.four_up {
  margin-left: -2%;
}
.tiles.three_up > .tab {
  margin-left: 2%;
  width: 31.3%;
}
.tiles.four_up > .tab {
  margin-left: 2%;
  width: 23%;
}
.tiles.five_up {
  margin-left: -1.5%;
}
.tiles.five_up > .tab {
  margin-left: 1.5%;
  width: 18.5%;
}

/* Nicolas Gallagher's micro clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.row {
  *zoom: 1;
}
.row:before, .row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}

.valign {
  display: table;
  width: 100%;
}
.valign > div, .valign > article, .valign > section, .valign > figure {
  display: table-cell;
  vertical-align: middle;
}
.content-servizi.col-4-12{
 
width: 33.33%; 
 
float: left;  
 
}

/* Mobile */
 
  @media handheld, only screen and (max-width: 1600px) {
 .grid {
 
	max-width: 1140px;
 
}

}
@media handheld, only screen and (max-width: 1024px) {
.content-servizi.col-4-12 {
width: 50%;
 }
}
@media handheld, only screen and (max-width: 1400px) {
 .grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

}

@media handheld, only screen and (max-width: 767px) {

	 body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
  }
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.grid-tab {
	padding: 20px  ;
	}
	.content-servizi.col-4-12 {
width: auto;
 
}
	.tiles.two_down > .tab{
		 margin-left: 2%;
  		 width: 48%;
	}
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
