:root{
    --primary:#d2171a;
}
body{
    background-color: #e7e7e785;
    font-family: "centuryRegular";
}
@font-face {
    font-family: "centuryBold";
    src: url(../font/centurygothic_bold.ttf);
}
@font-face {
    font-family: "centuryRegular";
    src: url(../font/centurygothic.ttf);
}

.list-comuni li,
.list-comuni li a{
   
    display: inline-block;
    color:white;  
    font-size: 1.4rem;
    text-decoration: none;
}
.list-comuni li::after{
    content: ",";
}

.header-logo{
    background-image: url(../img/logo.svg);
    background-size: cover; 
    background-position: 100% 50%;
}

.title-page{
   line-height: 6.8rem;
}
.sottotitolo{
    
    font-size:2rem;
}
.img-sez{
    box-shadow: rgba(0, 0, 0, 0.11) 0px 3px 8px;
    border-radius:20px;
}
.row-button{
    text-align: center;
}

.link-nostyle{
    text-decoration: none;
    color: black;
}
.dropdown-menu{
    padding:0;
    border: 1px solid white;
    background-color: var(--primary);
    
}
.dropdown-menu li a{
    font-size:1.4rem;
    color: white;
    font-weight: 400;
}
.icon{
    filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.173));
}
.header-page{
    padding-top:5vh;
}
.box-page{
    padding-top:6vh;
    padding-left:4vh;
    padding-bottom:6vh;
    padding-right:4vh;
}
.spacing-call-page{
    padding-top:6vh;
    padding-left:6vh;
    padding-left:6vh;
    padding-bottom:8vh;
}
.dropdown-menu li a:hover{
    background-color: white;

}
.navbar{
    border-radius:20px;
    background-color: white;
    margin:1rem;
    box-shadow: rgba(0, 0, 0, 0.11) 0px 3px 8px;
}
.link-privacy{
    text-decoration: none;
    color:black;
}
.link-privacy:hover{
    
    color:var(--primary);
}
.box-footer{
    padding-left:12vh;
    padding-right:12vh;
}
.shadow{
    box-shadow: rgba(0, 0, 0, 0.11) 0px 3px 8px;
}
.list-footer{
    padding-left: 0%;
    list-style: none;
}
.list-footer li{
    font-size: 2.3rem;
    margin-top:1rem
}
.subtitle-footer{
    font-family: "centuryBold";
    font-size: 3.5rem;
}
.link-footer{
    font-size: 2.3rem;
    color: black;
    text-decoration: none;
}
.link-footer:hover{
    color: var(--primary);
    text-decoration: none;
}
.header{
    padding-top:18vh;
    padding-bottom:6vh;
}
.logo-nav{
    margin-left:1rem;
    max-width: 200px;
    min-width: 200px;
}
.button-scopri{
    bottom:0.4rem;
    left:0;
    width:40%;
    right:0;
    margin:auto;
    
}
.box-servizi{
    
    position: relative;
    color: white;
    padding:4em;
    
    background-color: var(--primary);
    border-radius: 20px;
}
.title-servizi{
    font-family: "centuryBold";
    font-size: 2rem;
}

.subtitle-sezione{
    font-family: "centuryBold";
    font-size:4rem;
}
.title{
    font-family: "centuryBold";
    font-size:8rem;
}
.nav-button, .list-button-header{
    padding-left:0;
    margin-bottom:0;
    list-style: none;
    gap:1rem;
}
.nav-button .button{
    background-color: var(--primary);
    padding:0.7em;
    color:white;
    text-decoration: none;
    border-radius: 10px;
    border: 2px solid var(--primary);
}
.nav-button .button:hover{
    background-color: white;
    border: 2px solid var(--primary);
    color:var(--primary);
   
}
.nav-link{
    display: inline-block;
    font-weight: 800;
    margin-right:3rem;
    font-size: 1.4rem;
    border-bottom: 2px solid transparent;
}
.nav-link:hover{
    color:var(--primary);
    border-bottom: 2px solid var(--primary);
}
.title-button{
    
    font-family: "centuryBold";
    font-weight: 800;
    font-size:1.3rem;
}
.header-content{
    
    margin-left:2rem;
    border-radius: 20px;
    background-color: var(--primary);
    padding:5em;
    color:white;
    
}
.box{
    padding-left: 8vh;
    padding-right:6vh;
    padding-top:22vh;
}
.text-call{
    font-size: 2.5rem;
    font-family: "centuryBold";
}
.list-button-header{
    display: inline-flex;
    flex-direction: row;
}
.list-button-header li{
    margin-top: 1rem;
    font-size: 2rem;
}

.list-button-header li .button-white{
    white-space: nowrap;
    border-radius: 10px;
    background-color: white;
    color:var(--primary);
    padding:0.7em;
    border: 2px solid var(--primary);
    text-decoration: none;
}
.button-white{
    border-radius: 10px;
    background-color: white;
    color:var(--primary);
    padding:0.7em;
    border: 2px solid var(--primary);
    text-decoration: none;
}
.list-button-header li .button-red{
    border-radius: 10px;
    background-color: var(--primary);
    color:white;
    padding:0.7em;
   
    border: 2px solid var(--primary);
    text-decoration: none;
}
.list-call{
    padding-top:1em;
    display: inline-flex;
    list-style: none;
    gap:1rem;
}
#aree-coperte{
    scroll-margin-top: 4rem;
}
.button-red{
    font-size: 1.5rem;
    border-radius: 10px;
    background-color: var(--primary);
    color:white;
    padding:0.7em;
    white-space: nowrap;
    border: 2px solid var(--primary);
    text-decoration: none;
}
.list-button-header li .button-red:hover{
    
    background-color: transparent;
    color:var(--primary);
    
    border: 2px solid var(--primary);
    
}
.button-red:hover{
    
    background-color: transparent;
    color:var(--primary);
    
    border: 2px solid var(--primary);
    
}
.bg-rosso{
    background-color: var(--primary);
}
.list-button-header li .button-white:hover{
    
    background-color: transparent;
    color:white;
    
    border: 2px solid white;
    
}
.button-white:hover{
    
    background-color: transparent;
    color:white;
    
    border: 2px solid white;
    
}
.border-rounded{
    border-radius: 20px;
}

.white{
    color:white;
}
.spacing-call{
    margin-right:2.3rem;
    padding-top:4em;
    padding-left:4em;
    padding-left:4em;
    padding-bottom:5em;
}
.subtitle{
    font-family: "centuryBold";
}
.txt{
    text-align: justify;
    font-size: 1.7rem;
}
.txt-servizi{
    font-size: 1.3rem;
}
@media only screen and (max-width:3360px){
    .header-logo{
        
        background-size: 100vw; 
        background-repeat: no-repeat;
        background-position: 100% 30%;
    }
}

@media only screen and (max-width:2280px){
    .header-logo{
        
        background-size: 100vw; 
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }
    .title-page{
        font-size: 5rem;
    }
}
@media only screen and (max-width:1830px){
    
}
@media only screen and (max-width:1620px){
    .title-page{
        line-height: 4rem;
    }
    .title{
        font-size: 4rem;
    }
    .sottotitolo{
        font-size: 1.3rem;
    }
    .header-page{
        padding-top:15vh;
    }
    .header{
        padding-top:25vh;
    }
    .header-logo{
        background-position: 100% -13%;

    }
    .spacing-call{
        
        margin-right:0;
    }
    .list{
        font-size: 1.5rem;
    }
    .list-footer li, .link-footer{
        font-size: 1.5rem;
    }
}
@media only screen and (max-width:1480px){
    .list-button-header{
        flex-direction: column;
    }
    .list-button-header li{
        margin-top:2rem;
    }
    .header-logo{
        background-position: 100% 0%;

    }
    .box{
        padding-top:5vh;
    }
}
@media only screen and (max-width:1390px){
    .header-logo{
        background-image: unset;
    }
    .box{
        padding-top:3vh;
    }
    .header{
        padding-top:4vh;
    }
    .nav-button{
        margin-right:auto;
    }
    .button{
        white-space: nowrap;
    }
    
}
@media only screen and (max-width:1199px){
    .row-tablet{
        width: 100%;    
    }
}

@media only screen and (max-width:1024px){
    .header-page{
        padding-top:0vh;
    }
    .box-page{
        padding-top: 2vh;
        padding-left: 2vh;
        padding-right: 2vh;
        padding-bottom: 2vh;
    }
    .icon-contatti{
        color:var(--primary);
        font-size:1.3rem;
        padding:0.5em;
    }
    .nav-mobile > li:nth-child(2){
        margin-left:auto;
        
    }
    .row-tablet{
        width: 100%;
    }
    .button-scopri{
        width: auto;
        position: unset;
        display: inline-block;
    }
    .header-logo{
        background-image:unset;
        
    }
    .header {
        padding-top: 15vh;
    }
    .box {
        padding-top:2vh;
        padding-left: 2vh;
        padding-right: 2vh;
        
    }
    .box-servizi{
        margin-top:2rem;
    }
    .spacing-call {
        margin-left:0.1vh;
        margin-right: 0rem;
        
    }
    .box-footer{
        padding-left:2vh;
        padding-right:2vh;
    }
    .header-content{
        margin-left:0;
    }
}
@media only screen and (max-width:820px){
    .row-tablet{
        width: 100%;
    }
    .nav-mobile > li:nth-child(2){
        margin-left:auto;
    }
    .box-servizi{
        padding:2em;
    }
    .navbar{
        margin: 0.4rem;
    }
    .icon-contatti{
        color:var(--primary);
        
        padding:0.5em;
    }
    .nav-mobile li{
        margin-top:0.5rem;
    }
    .logo-nav{

        max-width: 140px;
        min-width: 140px;
    }
}

@media only screen and (max-width:590px){
    .list-comuni li{
   
       
        font-size: 1.2rem; 
    }
    .box-page{
        padding-top:2vh;
        padding-bottom:2vh;
        padding-left:2vh;
        padding-right:2vh;
    }
    .title-page{
        line-height: 2.5rem;
    }
    .title{
        font-size: 2rem;
    }
    .header-content {
        padding:2em;
        margin-left: 0rem;
        
    }
    .header-page{
        padding-top:12vh;
    }
    .text-call {
        font-size: 1.5rem;
        
    }
    .list-button-header li {
       font-size:1.4rem;
       margin-top: 1.4rem;
    }
    .txt {
        
        font-size: 1.3rem;
    }
    .spacing-call{
        padding-left:2vh;
        padding-top:3vh;
        padding-right:2vh;
        padding-bottom:4vh;
    }
    .subtitle-sezione {
        font-family: "centuryBold";
        font-size: 2rem;
    }
    .list-call {
        padding-left:0;
        display: inline-flex;
        flex-direction: column;
    }
    .list-call li{
        margin-top: 2rem;
    }
    .spacing-call-page{
        padding-left:2vh;
        padding-right:2vh;
        padding-top:4vh;
        padding-bottom:4vh;
    }
}