html, body {
scroll-behavior: smooth;
position: relative;
font-family: "Poppins", sans-serif;
font-size:100%;
font-weight:300;
color:#404040;
}

hr {border-color:#eee;margin:2rem 0;}

/* COLORI */

.arancio {color:#F7A608}
.blu {color:#0893AE}
.verde {color:#95C122}
.bianco {color:white}
.grigio {color:#999}
.chiaro {color:#f0f0f0}

.bgarancio {background-color:#F7A608}
.bgblu {background-color:#0893AE}
.bgverde {background-color:#0893AE}
.bgchiaro {background-color:#f0f0f0}

.harancio {border-top:1rem solid #F7A608; width:10rem;}
.hblu {border-top:1rem solid #0893AE; width:10rem;}
.hverde {border-top:1rem solid #95C122; width:10rem;}
.hscuro {border-top:.5rem solid #404040; width:10rem;}

.btn {margin:4rem 0;font-weight:600;font-size:1.15rem;padding:.5rem 1rem;border-radius:0}
.btn:hover {background-color:#464646;color:#fff}

header {padding:5vh 0;}

header:after {
content:url('https://www.ideazionesrl.it/apice/assets/apice-mood.svg');
position:fixed;
z-index:1;
width:65vw;
bottom:-1rem;
right:0;
opacity:.5;
}

a {color:#404040;text-decoration:none}

img {width:100%;height:auto}
.quotes {width:15%}

.sticky-top {top:15vh;margin-bottom:15vh;z-index:1;}
#sezione, #form {position:relative;padding: 15vh 0;z-index:2}

h1, h2, h3, h4, h5, h6 {font-weight:700}
h1 {font-size:3rem;}
h2 {font-size:2rem;}
h3 {font-size:1.5rem}
.corpo {font-size:1.15rem;}
b {font-weight:700}
.lite {font-weight:300}
.legend {font-size:.7rem;line-height:1.2}
.mega {font-size:4rem;line-height:.9}

@media only screen and (max-width: 768px) {
.mega {font-size:3rem}
h1 {font-size:2rem;}
h2 {font-size:1.75rem;}
h3 {font-size:1.25rem}
.corpo {font-size:1rem;}
.legend {padding-top:3rem}
}

.ridotto {
line-height:1;
}
.stretto {
line-height:1.2;
}

footer {
padding:10vh 0;
background:#333;
}

footer a {
color:#f0f0f0;
}