@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');
 
*{box-sizing:border-box;}
a{transition: all 0.3s ease;}
a,img,p,h1,h2,h3,h4,h5,h6{font-family: 'Quicksand', sans-serif; margin:0px; padding:0px; border:0px; text-decoration:none; }
body{font-family: 'Montserrat', sans-serif; font-weight:300; padding:0px; margin:0px; color:#000; font-size:23px; box-sizing:border-box;}
article{background: #fff url(sfondo.png) top center no-repeat;}

header{background:url(testata.jpg) center center / cover; padding:50px 30px;}
.logo{display:block; max-width:80%; margin:80px auto;}
h1{font-size:30px; font-family: 'Montserrat', sans-serif; font-weight:500; margin:50px 0 10px 0 ;}

.ico-01{background:url(ico-01.png) left center no-repeat; background-size:50px; padding-left:75px;}
.ico-02{background:url(ico-02.png) left center no-repeat; background-size:50px; padding-left:75px;}
.ico-03{background:url(ico-03.png) left center no-repeat; background-size:50px; padding-left:75px;}

h1::after{height: 3px;width: 72px;display: block;background: #ccc;content: "";margin: 8px 0 23px 0;}
.contenitore{padding:30px; max-width:900px; margin:auto; background:rgba(255,255,255,0.9)}

.firma{margin:80px 0 60px 0 ; max-width:80%; margin:0 auto; max-width:900px; padding:0 30px; color:#fff;}
.firma a{color:#fff; text-decoration:underline;}
footer{background:url(bg-footer.png) top center no-repeat; padding:60px 0; margin-top:70px;}
@media all and (min-width:1920px){
    article{background: #fff url(sfondo.png) top right no-repeat;}
}

@media all and (max-width:700px){
    header{background:url(testata-mobile.jpg) center center / cover; padding:50px 30px;}

}