/* Menu */
:root { --menu-bg: #c1c1c1; --menu-color: #fff; }

.header{ background-color: var(--menu-bg); position: fixed; top:0;  left:0; z-index: 9999; width: 100%; padding: 10px 15px; }
.header__content{max-width: 1200px;width: 100%;margin: 0 auto; display: flex;justify-content: space-between; text-decoration: none;}

.header__logo,
.header__quick{display: flex; align-items: center;color:var(--menu-color)}

.header__menu{padding: 0;margin: 0;}
.header__menu li{display: inline-block;}
.header__menu li a{color:var(--menu-color); opacity: 0.8;display: block;padding: 16px;font-size: 15px;}



@media (max-width: 768px) {
  .header__menu{   
    position: absolute; top:60px; left:0; background-color: var(--menu-bg); width: 100%; height: 100vh;
    height: 0vh; overflow: hidden;transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }

  .header__menu li{width: 100%;border-bottom: 1px solid #444}
  .menu-open .header__menu{height: 100vh;padding: 3%;}

  .icon-hamburger{height: 50px;width: 40px;margin-left: 20px;padding-top: 5px;}
  .icon-hamburger span{height: 2px; width: 30px;background: var(--menu-color);position: relative;display: block;margin-top: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}

  .menu-open .icon-hamburger span:nth-child(1){transform: rotate(45deg) translateY(9px);}
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(-45deg) translateY(-9px);}

  .header__quick{display: flex; justify-content: flex-end; width: 50%;}

}







.container{ border:1px solid black;padding:40px; background-color: black;}








#et-info-phone{

font-family: sans-serif;
font-size: 25px;
font-weight: lighter;
padding: 5px 5px;
color:#fff;
margin:10px;
}

p{ 

font-family: sans-serif;
color:#fff;
font-weight: lighter;
margin-top: 10px;

}


#mail{ margin:10px; width: 30px; height: 30px;}
.testo{ font-family: arial;}




.cover{ 

width: 100%;
height: 900px;
background-position: center center; 
background-size: cover; 
background-image:url('database.jpeg');




}

 .button:hover{ background-color: rgb(232, 102, 43); font-weight: bold; color:#fff; }


.riga{ width:300px; height: 30px;}
.button{width:300px; height: 60px; }
#PERSON{ background-color: rgb(252, 252, 252); border-radius: 20px;}

.testo{ 
text-align:center; padding:50px


}