@media (max-width: 600px){ 
#lightbox img{max-width:90% !important;max-height:90% !important;}
}
@media (max-width: 991px){
.scrolled .burger.light:before, .scrolled .burger.light span, .scrolled .burger.light:after {background-color: #000;}
.mobile .logo img {width: 130px;}
.mobile .wrapper {padding: 20px 20px 25px 20px;max-width: 300px;}
.mobile .container {padding-right:30px;padding-left:30px;}
.mobile .servizi{padding:3rem 0 0;}
.mobile .features-lg h2{margin-top: 20px;}
.mobile .servizi-footer .col-6 {-ms-flex: 0 0 100%;max-width: 100%;flex: 0 0 100%;}
.mobile .cta-button a{color: #fff !important;background: #009bd7;border-radius: 4px;width: fit-content;margin-left: 15px;margin-top: 5px;}
.mobile .hero-slant, .hero-slant > .container > .row{height: 105vh;}
.mobile .site-footer .copyright{margin-top:20px;}
.mobile .site-footer .widget {margin-bottom: 10px;}
.mobile .site-footer .widget h3{margin-top: 30px;margin-bottom:20px;}
.mobile .stacco h2{font-size: 1.8rem;}
.hero-slant{background: 100%;background-position:bottom left;}
.stacco{background: 100%;;}
}

html {scroll-behavior: smooth;}
.logo img{width:200px;}
.site-nav {left:0;right:0;z-index: 99;padding-left:30px;padding-right:30px;background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
nav.scrolled {position: fixed;padding: 10px 25px;background-color:rgba(254, 254, 254, 0.913);color: black;width: 100%;transition: all 0.4s ease 0s;background: rgb(255, 255, 255);    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255 / 84%) 100%);}
nav.scrolled .menu a{color: black !important;}
.stacco p{color: #fff;margin-bottom: 1.5rem;}
.servizi{padding-top: 1rem}
.footer {padding-bottom:0;}
.footer .copyright{padding:10px 0;font-size:12px;}
.site-cover-2.overlay:before {background: rgba(0, 0, 0, 0.5);}
.copyright img {width:12px;margin-right:5px;}
.cta-button a:hover{background: #ea5757 !important;}
.hero-slant{background-attachment: fixed;}
.whatsapp{position:fixed;right: 20px;z-index: 9999;bottom:20px;background:#63A73A;border-radius: 50%;width: 40px;height: 40px;line-height:38px;text-align:center;}
.whatsapp img{width:25px;height:25px;color: #fff;}
.wrapper{ z-index: 999; font-size: 13px; line-height: 1.7; position: fixed; bottom: 30px; right: 30px; max-width: 365px; background: #fff; padding: 25px 25px 30px 25px; border-radius: 15px; box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.15); text-align: center; } 
.wrapper.hide{ opacity: 0; pointer-events: none; transform: scale(0.8); transition: all 0.3s ease; } ::selection{ color: #fff; background: #009bd7; } 
.wrapper img{ max-width: 90px; } 
.content header{ font-size: 23px; font-weight: 600; } 
.content{ margin-top: 10px; } 
.content p{ color: #858585; margin: 5px 0 20px 0; } 
.content .buttons{ display: flex; align-items: center; justify-content: center; } 
.buttons button{ padding: 10px 20px; border: none; outline: none; color: #fff; font-size: 16px; font-weight: 500; border-radius: 5px;background: #009bd7;cursor: pointer;transition: all 0.3s ease;}
.buttons button:hover{transform: scale(0.97);}
.buttons .item{margin: 0 10px;}
.buttons a{color: #009bd7;}
#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);justify-content:center;align-items:center;z-index:9999}
#lightbox img{max-width:50%;max-height:50%;border-radius:10px}
#lightbox-close{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;cursor:pointer}