html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
	font-size: 90%;
}
body {
  margin: 0;
  background:
    linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
    url(../back.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color: black;
}

#topcorner{
	cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 163px;
	height: 154px;
	background-image: url("../logo_bianco-03.png");
}
#topcorner2{
	cursor: pointer;
	position:absolute;
	top:30px;
	right:-29px;
	width: 200px;
	height: 60px;
	background-image: url("../PARA BEBER HR.png");
}
#topcorner3{
	cursor: pointer;
	position:absolute;
	top:95px;
	right:-29px;
	width: 200px;
	height: 60px;
	background-image: url("../PARA COMER HR.png");
}

#cent {
	visibility: hidden;
  position:absolute;
  top:50%;
  left:50%;
	width: 500px;
	height: 520px;
  margin-top:-260px;
  margin-left:-250px;
	background-image: url("../testo centrale-02.png");
	border: white solid 1px;
}
#bottom {
     width:100%;
     position:fixed;
     bottom:40px;
     text-align:center;
	color: white;
}

img {
	border: 0
}
img {
	max-width: 100%
}
#page-container {
	color: #071345;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	padding-top:10%;

}
header {
	margin-bottom: 10px;
	margin-left:50px;
}

/* Footer responsive layout */
#bottom .footer-line1,
#bottom .footer-line2,
#bottom .desktop-only {
  display: inline;
}

@media (max-width: 768px) {
  #bottom {
    padding: 0 12px;
    line-height: 1.4;
  }

  #bottom .footer-line1,
  #bottom .footer-line2 {
    display: block; /* puts contact info on 2nd line */
  }

  #bottom .desktop-only {
    display: none; /* removes the desktop " | " separator */
  }

  #bottom .tel-label {
    text-transform: capitalize; /* tel -> Tel (only on mobile) */
  }
}