body{
	font-family: 'Roboto Condensed', sans-serif;
}

header{
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	margin-top:10px;
}

h1{
	font-size:1.2em;
	width:100%;
	text-align:center;
}

h2{
	font-size:1em;
	color:#211f5b;
	width:100%;
	font-weight:bold;
	text-align:center;
}


.grid{
	margin-top:20px;
}

.grid .col-xs-6{
	padding:0;
}

div.grid-item{
	padding-right:7px;
	padding-left:7px;
}

.grid p{
	text-align:center;
	background-color:#00B4CC;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-weight:bold;
	color:#031634;
	min-height:90px;
	padding-top:10px;
	font-size:12px;
}

#mappa{
	margin-top:20px;
	border:1px solid #BCBCBC;
	line-height:0;
}


#cont-verde{
	margin-top:20px;
	background-color:#009900;
	padding:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#cont-verde p,#cont-verde a{
	color:white;
	font-size:18px;
	text-align:center;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

footer{
	margin-top:20px;
	background-color:#031634;
	margin-bottom:0;
}
footer p{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-bottom:0;
	color:white;
	letter-spacing:1.6px;
}

@media only screen and (min-width : 992px) {

	.grid p{
		font-size:1.2em;
	}

	h1{
		font-size:2em;
	}

	h2{
		font-size:1.2em;
		color:#211f5b;
	}

	div.grid-item{
		padding-right:15px;
		padding-left:15px;
	}

}