body {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	color:#333;
	font-family:Helvetica, Arial, sans-serif
}
.spacer
{
	height:0px;
	width:0px;
	overflow:hidden;
	clear:both;
}
#immagineSfondo
{
	width:100%;
	position:absolute;
	z-index:-1;
	position:fixed;
}
#bgHeader
{
	width:100%;
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom:15%;
}

.corpo
{
	width:970px;
	margin:0px auto;
}




.round-button {
  width:31%;
  margin:1%;
  display:inline-block;
  text-transform:uppercase;
}
.round-button-circle {
  width: 100%;
  height:0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow:hidden;
  background-color: rgba(255, 255, 255, 0.8);
  margin-right:-0.25em;
}
.round-button div {
  display:block;
  float:left;
  width:100%;
  padding-top:50%;
  padding-bottom:50%;
  line-height:1em;
  margin-top:-8em;
  /*
  margin-top:-0.5em;
  */
  text-align:center;
  font-family:Verdana;
  font-size:1.2em;
  font-weight:normal;
  text-decoration:none;
  color:#666;
}



#bgBottom
{
	width:100%;
	background-color:#333;
}
#bottom
{
	width:970px;
	color:#FFF;
	margin:5px auto;
}
#bottom a, hover, visited
{
	color:#FFF;
}
#bottom ul
{
	width:100%;
	margin:0px;
	padding:0px;
}
#bottom li
{
	width:31%;
	padding:1%;
	float:left;
	display:inline;
	list-style-type:none;
}
.centrale
{
	border-left:1px solid#FFF;
	border-right:1px solid#FFF;
}

@media screen and (max-width: 1080px) {
#bgHeader
{
	margin-bottom:20%;
}
#logo
{
	width:50%;
}
.corpo, #bottom
{
	width:100%;
}

}
@media screen and (max-width: 900px) {
.round-button {
    width: 30%;
}
#bottom li
{
	width:98%;
	padding:1%;
	float:left;
	display:inline;
	list-style-type:none;
}
.centrale
{
	border-left:0px solid#FFF;
	border-right:0px solid#FFF;
	border-top:1px solid#FFF;
	border-bottom:1px solid#FFF;
}
}

@media screen and (max-width: 768px) {
#logo
{
	width:50%;
}
#bottomMobile
{
	display:block;
	visibility:visible;
	color:#FFF;
}
}
@media screen and (max-width: 700px) {
.round-button 
{
	margin-top:10%;
}
.round-button div {
    margin-top: -6em;
	font-size: 1.1em;
}

@media screen and (max-width: 500px) {
#logo
{
	width:100%;
}
.round-button {
  width:80%;
  margin:55% 10% 10px 10%;
}
.round-button div {

  margin-top:-7em;
  font-size:1.2em;
}
}