#left section {
	padding: 5% 5% 0 5%;
	}
#left img {
	width: 40%;
	max-width: 11em;
	}
#news section {
	margin-bottom: 1.8em;
	}
/*se la finestra è piccola riduco h3 */
@media (max-width:612px) {
	h3 {
		font-weight: bold;
		font-size: 1.17em;
		}
	}
/*se la finestra è grande riduco h2*/
@media (min-width:612px) {
	h2 {	
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1em;
		}
	}
/*se la finestra è media affianco left e news e nascondo il titolo di main*/
@media (min-width:612px) {
	#left {
		float: left;
		width: 50%;
		margin: 5% 5% 0 5%;
		}
	#left section {
		padding: 12em 0 0 0;
		position: relative;
		margin-bottom: 2em;
		}
	#left img{
		position: absolute;
		top:0;
		width: 11em;
		}
	#news {
		float: left;
		width: 30%;
		padding: 3%;
		margin-top: 5%;
		background-color: #ededed;
		background: linear-gradient(#ededed, #ededed, white);
		background: -webkit-linear-gradient(#ededed, #ededed, white);
		background: -moz-linear-gradient(#ededed, #ededed, white);
		background: -ms-linear-gradient(#ededed, #ededed, white);
		background: -o-linear-gradient(#ededed, white);
		}
	}
/*se la finestra è un po' più grande affianco testi e immagini*/
@media (min-width:60em) {
	#news {
		width: 25%;
		padding:2%;
		}
	#left {
		width: 55%;
		}
	#left section {
		padding: 0 0 0 12.8em;
		min-height: 11em;
		}
	#left img {
		left: 0;
		}
	}
/*se la finestra è un po' più grande affianco tutto*/
@media (min-width:80em) {
	#news {
		width: 18.75%;
		margin: 3% 0 0 3%;
		}
	#left {
		float: none;
		width: 100%;
		margin:0;
		}
	#left section {
		float: left;
		width: 18.75%;
		margin: 5% 0 0 5%;
		padding: 12em 0 0 0;
  		}
	}
/*GRIGLIA*/
.grid {
	clear:both;
	text-align: center; /*!*/
	}
.grid ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.grid li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	zoom: 1;
    *display: inline;
	}
.grid a{
	display: block;
	width: 300px;
	padding-top: 232px;
	margin: .4em 1em .4em 1em; /*!*/
	font-weight: bold;
	background: url(grafica/plants-1x.jpg);
	background-repeat: no-repeat !important; 
	background-size: auto 225px !important; 
	}
.grid li a.secondario {
	font-weight: normal;
	}
.grid li a:after {
	padding-left: .2em;
    content: "\203A";
}
/*per schermi 2x*/
@media (min-width:490px) and (min-device-pixel-ratio: 2), (min-width:490px) and (-webkit-min-device-pixel-ratio: 2) {
	.grid a{ 
		background: url(grafica/plants-2x.jpg);
		}
	}

/*schermi piccoli*/
@media  (max-width:612px) {
	.grid a{ 
		width: 150px;
		padding-top: 120px;
		background-size:  auto 112.5px !important; 
		}
	}