*{padding: 0;
margin: 0;
    text-decoration: none;
list-style: none;}

#drop{position: absolute;
top:20px;
right:20px;
    display: none;
    width: 20px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    grid-row-gap: 4px;
    flex-direction: column;
    display: none;

}

#credits{text-align: center;
display: block;
padding-top: 100px;}

#credits a{color: black;
    text-decoration: underline;
font-size: 14px;}

#credits a:hover{text-decoration: none;}

.fat{font-weight: 600;}

#drop p{background-color: #006533;
    width: 100%;
    
height: 2px;}

.claim{text-align: center;
font-size: 4vw;
    font-weight: 500;
color: #006533;}

img{width: 100%;
display: block;}

.blocco_come{
    width: 80%;
    margin: 0 auto;
    
}

.logoSmall{width: 120px!important;
    padding: 25px;
}
.spazio{margin-bottom: 25px;
margin-top: 25px;}

.dw{

    text-align: center;
    margin-top: 50px;

    
    
}

.contatti a{color: green;
font-weight: 600;}

.contatti a:hover{text-decoration: underline;}

.current{position: relative;}
.current a{color: #006533!important}
.current:after{
    content: "";
    display: block;
    height: 3px;
    width: 20%;
position: absolute;
    margin-top: 2px;
    background-color: #94c11f;
    
}
.dw a{color: white;
display: inline-block;
background-color: #006533;
    padding: 35px;
    font-size: 25px;
    transition: 0.5s ease;
    border-radius: 15px;
font-weight: 600;
    margin: 0 auto;
}

.dw a:hover{background-color: #94c11f;}

.come a{color: green;font-weight: 600;}
.come li{margin-top: 25px;display: block;}
body{padding: 5%;
    padding-top: 25px; font-family: "Quicksand", sans-serif;
background-color: #fff;}

#logo{width: 190px;transition: 0.5s ease;
}

header{display: flex;

flex-direction: row;
justify-content: space-between;
    align-items:center;

top:0;
padding-bottom: 25px;
z-index: 1000;

 
   

}

.bloccoWhite{height: 100px;
background-color: rgba(255,255,255,0.95);
position: fixed;
    width: 100%;
    left: 0;
    top:0;
    z-index: 999;
    padding-bottom: 25px;
    
}
nav ul {display: flex;
column-gap: 20px;
   
}


.poppins{ font-family: "Poppins", sans-serif;
font-weight: 400;}

.smusso{
    border-radius: 25px!important;

   
    overflow: hidden!important;
}

.navMain{background-color: white;
padding: 20px;
border-radius: 20px;
    box-shadow: 0 0 4px #999;
    padding-left: 54px;
}
nav ul li a{color: black;font-weight: 600;
    display: block;margin-right: 25px;
    position: relative;
font-size: 20px;}
nav ul li a:hover{color: #006633;}

nav ul li a:before{
    content: "";
    margin-right: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #006633;
    position: absolute;
    top:50%;
    transform: translate(-20px,-50%);
    
    
}

h1{font-size: 3vw;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
font-weight: 600;
    line-height: 3vw;
    margin-bottom: 50px;
color: #000;}


.intro{margin-bottom: 25px;

padding-bottom: 100px;}

footer{background-color: #006633;
display: flex;
    padding: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

#logoW{width: 150px;
padding-bottom: 100px;}




.footer ul li a {color: white;
font-size: 16px;}

.footer ul li a:hover {color: #96c11f;
font-size: 16px;}


.leaf{width: 60%;
position: fixed;
z-index: -1;
right: 0;
    bottom: -30%;
    opacity: 0.1;
     animation: fogliame linear 2s both;
    animation-timeline:scroll();
  
}

@keyframes fogliame{
    0%{bottom:-80%;opacity: 0.2;}
    100%{bottom:0;opacity: 0.8;}
}

.footer ul li a:before{
    display: none;
    }


.tit{font-size: 3.5vw;text-align: center;
font-weight: 500;
padding-top: 50px;
    color: #006533;
padding-bottom: 50px;}

.bloccoDama{display: flex;
padding-top: 2%;
    column-gap: 50px;
padding-bottom: 2%;

}

.iconaSingle{text-align: center;

}

.iconDida{padding-top: 25px;display: block; font-size:20px;}

.dama{width: 50%;
display: flex;
    height: auto;
justify-content: center;
    align-items: flex-start;
}

h2{font-weight: 500;
font-size: 4vh;
line-height: 4vh;
    margin: 0;

    display: flex;
    justify-content: flex-start;
    text-align: left;
    display: block;
    padding: 0;
    margin-bottom: 25px;
}
.iconDida{
    font-weight: 500;
    text-align: center;
}
.txt{padding: 50px;
    font-size: 20px;
    background-color: rgba(255,255,255,0.8);

    border-radius: 25px;
   display: flex;
    flex-direction: column;

box-sizing: border-box;}

.icon{display: flex;justify-content: space-around;margin-top: 50px;margin-bottom: 50px;}
.ICONFill{background-color: #006533;
    padding: 25px;
width: 140px;
    overflow: hidden;
    height: 140px;
    border-radius: 50%;
    
}

.ICONFill img{transform: scale(0.7);}




@media screen and (max-width: 844px) {
    
    #logo{position: absolute;
    left: 25px;
    top:25px;
    width: 130px;
        
        z-index: 20;
    }
    
    
    nav{
        flex-direction: column;
    }
    .navMain{padding: 0;
        background-color: transparent;
    width: 100%;
}
    
    
    .navMain{ box-shadow: 0 0 0 #999;
        border-radius: 0;
        position: fixed;
        z-index: 500;
  display: none;
        left: 0;
        top:0;
        width: 100%!important;
        padding: 0;
        margin: 0;
    padding-left: 0;}
    
    .navMain ul{flex-direction: column;
 border-radius: 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0;
        background-color: rgba(255,255,255,0.95);
        height: 100vh;
        display: flex;
   }
    
    
    nav ul li a:before{display: none;    
    }
    
    
    header{
     
  }
    
    nav ul li a{font-size: 3vh;
        
    padding: 0;
        margin: 0;
        margin-top: 25px;
        font-size: 2.5vh;
    }
    
    .current:after{width: 100%;}
    
    .showNav{display: flex;}
    
    .dama{width: 100%!important;
    margin-bottom: 25px;}
    
    .bloccoDama {column-gap: 0;
    display: block;}
    
    .claim{margin-top: 75px;
        margin-bottom: 25px;
    font-size: 4vh;}
    
    .icon{display: block;}
    
    .ICONFill{width: 60px;
        margin: 0 auto;
        margin-top: 50px;
    height: 60px;}
    
    nav ul {display: block;
        text-align: center;
column-gap: 20px;
   
}
    
    .tit{font-size: 4vh;}
    
    .txt{padding: 0;
         padding: 25px;
        padding-bottom: 25px;
        font-size: 16px!important;
    padding-top: 25px;}
    
    h1{font-size: 4vh;
    line-height: 4vh;
    margin-bottom: 25px;}
    
    
    .leaf{width: 180%;
position: fixed;
z-index: -1;
left: -60%;
    bottom: -10%;
    opacity: 0.1;
     animation: fogliame linear 2s both;
    animation-timeline:scroll();
  
}
    #drop{display: flex;}
    .blocco_come{width: 100%;}
}