/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
/* font-family: 'Lato', sans-serif; */


/* BODY */
body{font-family: 'Lato', sans-serif; background: #fff;}


/* WRAPPERS */
.site-wrapper{max-width:1200px;}
.inner-wrapper{padding:0 40px;}
@media only screen and (max-width: 1024px){ 
.site-wrapper{max-width:100%;}
.inner-wrapper{padding:0 20px;} 
}


/* COLORI */
.light-grey{background:#f4f4f4;}


/* IMMAGINI */
a.logo{display:inline-block;}
#logo{width: 100px; margin:10px 20px;}
.padding-20px{padding:20px;}
.padding-20px-mobile{padding:20px 0 0;}

/* TIPOGRAFIA */
h1,h2,h3{font-family: 'Lato', sans-serif; line-height:1.4; font-weight:700;}
h1{font-size:clamp(17px, 3vw, 35px); padding:20px 20px 40px;}
h2{font-size:clamp(13px, 2vw, 30px); padding:0;}
h3{font-size:clamp(15px, 1.5vw, 24px); padding:0 20px 10px;}
p,blockquote,ul.check-list{font-size:clamp(15px, 1.2vw, 16px); line-height:1.6; font-weight:400;}

p{padding:10px 0;}
blockquote{padding:20px;border-left:10px solid grey; max-width:800px;}

p.footer{font-size:12px; padding:20px 0; line-height:2;}
@media only screen and (max-width: 767px){p.footer{text-align:left!important; padding:10px 0;}}

.check-list {
margin: 20px 0;
left: 0;
line-height:1.2!important;
}

.check-list li {
position: relative;
list-style-type: none;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}

.check-list li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -3px;
width: 5px;
height: 11px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: #000;
transform-origin: bottom left;
transform: rotate(45deg);
}

hr{
width:100%;
height:0;
margin:0;
padding:0;
border:0;
color:var(--accent);
background:var(--accent);
border-bottom:1px solid var(--accent);
}


/* CALL TO ACTIONS */
a.button-cta{
outline:none;
border: none;
cursor:pointer;
display:inline-block;
border-radius:0;
background-color:var(--accent);
color:white;
padding:16px 24px;
margin:24px 20px;
text-align:center;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
font-size:12px;
font-weight:300;
letter-spacing:2px;
opacity:1;
transition: 0.3s all;
}
a.button-cta:hover{transform: scale(1.1);}
@media only screen and (max-width: 767px){
	a.button-cta{display:block;}
	a.button-cta:hover{opacity:0.7;transform: scale(1.0);}
}