:root{
    --rosso: #e42919;
    --verde: #038153;
    --verde-trasparente: #238e3a4d;
    --verde-trasparente-mobile: #05744b87;
    --verde-bianco: #545d564d;
    --bianco: #ffffff;
    --nero: #080808;
    /*-------------------------------*/
    --h1-font-size:37px;
    --h2-font-size:35px;
    --h3-font-size:22px;
    --p-font-size:17px;
    --span-font-size:12px;
    --nav-link-font-size:14px;
    --button-font-size:14px;
}

body{
    font-family: "Raleway", sans-serif;
}

.navbar{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.header{
    display: flex;
    height:45vh; 
    background-size: cover; 
    background-attachment: fixed; 
    background-position: center;
}
#contactNavbar{
    padding:1vh;
    background-color: var(--nero);
    transition: all 0.4s;
}
.owl-item{
    box-sizing: unset!important;
}
.navbar{
    background-color: var(--bianco);
}
.logo-nav{
    max-width:350px;
}
.back-nero{
    background-color: var(--nero);
}
.white{
    
    color:var(--bianco);
}
.navbar-nera{
    padding:1vh;
}
.text-nav-top{
    
    font-weight: 700;
}
.nav-link{
    font-weight: 600;
    color: var(--nero);
    font-size: 13px;
}
.nav-link:hover{
   
    color: var(--rosso);
    
}
.cit{
    text-align: center;
    font-weight: 500;
    font-size: 2.5rem;
    color: var(--rosso);
    font-family: "Parisienne", cursive;
}
.box-text{
    padding-left:45vh;
    padding-right:45vh;
}
.text{
    font-size: 15px;
}
.footer{
    background-color: var(--nero);
}
.call{
    color: var(--rosso);
}
.back-gift{
    background-image: url(../img/gift.jpg);
    background-size: cover;
    background-position: center;
    aspect-ratio: 5/4;
}
.subtitle{
    color: var(--rosso);
}
.subtitle-footer{
    color: var(--rosso);
}
.button, #sendBtn{
    padding:12px;
    text-decoration: none;
    color: var(--nero);
    background-color: transparent;
    border: 2px solid var(--nero);
}
.button:hover, #sendBtn:hover{
    color: var(--rosso);
    border: 2px solid var(--rosso);
}
.txt-footer a{
    color: var(--bianco);
    text-decoration: none;
}
.txt-footer{
    color: var(--bianco);
}
.logo-footer{
    max-height: 16vh;
}
.relative{
    position: relative;
}
.title{
    padding-bottom:1em;
    font-weight: 400;
    line-height: 3rem; 
    font-size:52px;
}
.sub-h1{
    font-size:22px;
}
.rosso{
    color:var(--rosso);
}
.box-form{
    padding-left: 35vh;
    padding-right: 35vh;
}
.title-hover{
    font-size:3.5rem;
    font-weight: 300;
    position: relative;
    
    margin-left: 0;
    margin-right: 0;
    margin: auto;
    text-align: center;
    color:var(--bianco);
}
.link-contatti a{
    color: var(--nero);
    text-decoration: none;
}
.link-contatti a:hover{
    color: var(--rosso);
}
input[type="text"], input[type="email"], input[type="tel"] {
    margin-bottom: 2rem;
    
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
    box-shadow: 0 0 0 .25rem rgba(201, 2, 2, 0.25);
}
#map{
    height:45vh;
}
.img-slider{
    aspect-ratio: 1/1;
    object-fit: cover;
}
.link-white{
    text-decoration: none;
    color:var(--bianco);
}
.link-inverted{
    color:var(--nero);
}
.link-white:hover, .link-inverted:hover{
    color:var(--rosso);
}
.nero{
    color: #080808;
}
@media only screen and (max-width:1920px) {
    .row-icon{
        margin-top:2rem;
        margin-bottom:2rem;
    }
}

@media only screen and (max-width:1440px) {
    .box-text {
        padding-left: 12vh;
        padding-right: 12vh;
    }
    .box-form {
        padding-left: 12vh;
        padding-right: 4vh;
    }
}
@media only screen and (max-width:1025px) {
    .row-icon{
        margin-top:2rem;
        margin-bottom:2rem;
    }
    .box-text{
        padding-left:2vh;
        padding-right:2vh;
    }
    .box-form {
        padding-left: 2vh;
        padding-right: 2vh;
    }
}
@media only screen and (max-width:790px) {
    .logo-nav{
        max-width: 150px;
    }
}
@media only screen and (max-width:590px) {
    #map{
        height:35vh;
    }
    .col-text-icon{
        text-align: center;
    }
    .header{
        background-size: cover;
        background-attachment: scroll; 
       
    }
    .dati-aziendali{
        font-size:12px;
    }
    .cit{
        font-size: 22px;
        line-height: 1.4rem;
    }
    .text-gift{
        text-align: center;
    }
    .title{
        padding-top:0;
        font-size: 32px;
        line-height: 2rem; 


    }
    .sub-h1{
        font-size:14px;
    }
    .box-form{
        padding-left: 2vh;
        padding-right: 2vh;
    }
   .box-text{
    padding-left:2vh;
    padding-right:2vh;

   } 
   .logo-nav{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    top:0;
    max-width: 120px;
   }
   
   .navbar{
    padding:2vh;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
   }
   .title-hover{
    font-size: 2rem;
   }
}