body {
margin:0;
padding:0;
color:#E02B2B;
font-size:16px;
  font-family: "Space Mono", serif;
  font-weight: 700;
  font-style: normal;
  background-image:url('img/bg.jpg');
  text-transform:uppercase;      background-size: cover;
}

#box {
width:100%;
height:100vh;
margin: 0;
position:relative;
}

a {
color:#E02B2B;
text-decoration:none;
display:inline-block;
}

a:hover {
}

.prenota {
color:#fff;
   animation: blink 1.5s infinite;   animation-fill-mode: both;
}
.menu {
color:#fff;
   animation: blink 2.5s infinite;   animation-fill-mode: both;
}
@keyframes blink {   0% { opacity: 0 }   50% { opacity: 1 }   100% { opacity: 0 }   }

img {
width:100%;
height:auto;
}


.logo {
position: absolute;
width: 95%;
top: 40%;
left:  50%;
text-align:center;
  transform: translate(-50%, -50%);

}






.top {
position:absolute;
left:50%;
top: 20px;
max-width:200px;
  transform: translate(-50%, 0);

}

.footer {
position:absolute;
left:50%;
bottom: 20px;
  transform: translate(-50%, 0);
text-align:center;  line-height: 18px;
}








@media screen and (max-width: 900px) {


.footer {
width:100%;
}

}