/*   font   */

* {
  font-family: 'monteserrat', sans-serif;
  font-weight: lighter, bolder;
}

h1,h2,h3,h4,h5{ font-family: 'Inter', sans-serif; }

.titolo{  font-size:50px; font-weight: 900;}
.paragrafo{ font-size: 20px;}



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

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

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




.header__menu{padding: 0;margin: 0; }
.header_menu li { list-style: none; }
.header__menu a { text-decoration: none; font-family: 'Inter', sans-serif; }
.header__menu li{display: inline-block; }
.header__menu li a{color:var(--menu-color); opacity: 0.8;display: block;padding: 16px; font-size: 17px;}
.contatti{ font-size:17px;  font-family: 'Inter', sans-serif;  text-decoration: none; color:#fff;}





/*   cover  */

.cover{ background-position: center center ;}
.cover{background-size: cover;}
.cover{ background-repeat: no-repeat;}
.cover{ background-image: url('sfondo.jpg'); }
.cover{ max-width: 100%; height: 700px;}

.cover_text{ padding:50px; margin-top: 100px;  text-align: center; color:#fff;}



.footer{ background-color:rgb(0, 0, 0); width: 100%; height:400px;color: #ffffff ;}
.footer_text{ height: 50%; }


.button { 
  font-size: 1rem; text-transform: uppercase; background: #003366; color:#fff;
  text-decoration: none;padding: 14px 25px; display: inline-block;
  border-radius: 4px; font-weight: 700;
}
.button:hover{ background: #f79036; border: 2px solid #fff; }

.email { color:#fff;}




*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



















@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 #fbfbfb ; color:red;}
  .menu-open .header__menu{height: 100vh;padding: 3%;}



  .icon-hamburger{height: 50px;width: 20px;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);}


 
 

 




  

  



  


}