/*LOGO*/
.logo{text-align: center; position: absolute;; z-index: 1; width: 100%; top:0;background: rgba(0,0,0,0.5)}
/*SEZIONI*/
.sezioni{display: flex; height: 100vh; position: absolute; top: 0; z-index: 0;}
.sezione{display: flex; flex-wrap: wrap; align-items: center; flex-basis: 50%;}
.sezione .desc{margin-top: 100px;}
.sezione .titolo{text-align: center; line-height: 70px}
.sezione .titolo svg{max-width: 24px;}
.sezione .titolo a {color: #fff; font-family: 'Lora', serif; font-size: 45px; font-weight: 900; letter-spacing: 1px;
margin-bottom: 5px; text-shadow: 2px 1px 10px #000 !important; text-decoration: none; border: 3px solid #fff;
padding: 10px 30px;border-radius: 10px; box-shadow: 2px 1px 15px #000; transition: all 0.5s}
.sezione .titolo a:hover{background:#000;}
.sezione .info {background: rgba(255,255,255,0.8); padding: 10px 25px; font-size: 19px; margin: 50px auto; line-height: 24px; max-width: 90%;
border-radius: 10px; box-shadow: 2px 1px 15px;}
.padel{background: url('../img/empire-campo-padel.jpg') no-repeat center center; background-size: cover;}
.palestra{background: url('../img/empire-sito-web.jpg') no-repeat center center; background-size: cover;}
/*TABLET*/
@media only screen and (max-width:990px){
  .logo img {max-width:190px}
  .sezioni{flex-wrap: wrap;}
  .sezione{flex-basis:100%}
  .sezione .desc{margin-top: 50px}
  .sezione .info{margin-top: 20px;}
}
/*SMARTPHONE*/
@media only screen and (max-width:480px){
.logo img {max-width:130px}
.trattoria .desc{margin-top: 0px;}
.sezione .desc{width: 100%;}
.sezione .titolo a {font-size:9vw}
.sezione .info{display: none}
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}