:root {
    --sfondo-nav: #c3ddc7;
    --text: #131414;
    --link-navbar:#131414;
    --link-navbar-hover:#f3f8fd;
    --link-footer:#f3f8fd;
    --white: #ffffff;
    --light-green: #c3ddc7;
    --dark-green:#507d56;
    --btn:#507d56;
    --secondary:#507d56;
    --black: #00000000;
    --section-color:#ffffff;
    --back-footer:#507d56;
    --back-section:#c3ddc7;
    --border-light:#c3ddc7;
  }
.row-necrologi {
    margin-bottom: 1rem;
    
}

.nomeCognomeNecrologio {
    
    color:var(--blue);
    white-space: pre;
}

.link {
    text-decoration: none;
    color: var(--dark-green)
}

.link:hover {
    text-decoration: none;
    color: var(--dark-green)
}
#imgtest {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#imgtestindex {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.testo-necrologio-index{
    padding:1em;
}
.spacing-info{
    padding:2em;
}
.descrizioneNecrologi-1{
    padding:0.5em;
    white-space: pre-wrap;  
}
.descrizioneNecrologi-2{
    padding:0.5em;
    white-space: pre-wrap;
    border-top: 1px solid #c7c8c9;
}
.descrizioneNecrologi-3{
    padding:0.5em;
    white-space: pre-wrap;
    border-top: 1px solid #c7c8c9;
}
@media only screen and (max-width:1920px) {
    
    .row-necrologi {
        padding:  1em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #imgtest {
        min-height: 35vh;
    }
    #imgtestindex {
        min-height: 25vh;
    }

}
@media only screen and (max-width:1444px) {
    #imgtestindex {
        min-height: 15vh;
    }

}
@media only screen and (max-width:1250px) {



}

@media only screen and (max-width:1082px) {
   
    .row-necrologi{
        text-align:center;
    }
    .row-necrologi {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #imgtest {
        min-height: 35vh;
    }
    .box-necrologio {
        margin-bottom:1.5rem;
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    #imgtestindex {
        min-height: 35vh;
    }
    .container-telegramma{
        padding-top:1em;
    }
    .box{
        margin-top:1rem;
    }
    .nomeCognomeNecrologio{
        font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1920 - 300)));
    }
    .link-telegramma{
        white-space: nowrap;
        font-size: calc(12px + (15 - 12) * ((100vw - 300px) / (1920 - 300)));
    }
    .text-arte-funeraria{
        font-size: calc(12px + (15 - 12) * ((100vw - 300px) / (1920 - 300)));
    }
    .row-button{
        margin-left:0rem;
    }
    .box-necrologio{
        margin-bottom:1.5rem;
    }

}

@media only screen and (max-width:767px) {
    
   
    .box-necrologio {
        margin-bottom:1.5rem;
        width: 60%;
    }
    
}


@media only screen and (max-width:580px) {
    
    .row-button{
        margin-left:0rem;
    }
    .row-necrologi {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #imgtest {
        min-height: 35vh;
    }
    .box-necrologio {
        margin-bottom:1.5rem;
        width: 80%;
    }
}

@media only screen and (max-width:480px) {
    
    #necrologi{
        padding:1em;
    }
    
    .box-necrologio {
        width: unset;
    }
    #imgtest {
        background-position: center center;
        background-size: cover;
        min-height: 35vh;
    }
}

@media only screen and (max-width:375px) {
    
   
    #necrologi{
        padding:1em;
    }
    #imgtest {
        background-position: center center;
        background-size: cover;
        min-height: 35vh;
    }
    .box-necrologio {
        width: unset;
    }

}