/* SCEGLIERE GENOMA */
.scegliereGenoma {
    background-position: right;
    background-repeat: no-repeat;
    box-shadow: 0px 3px 20px #0000000D;
}
h2.titleScegliereGenoma, p.textScegliereGenoma, p.textFeatures {
    font-family: 'news-gothic-std', sans-serif;
    color: #003883;
}
h2.titleScegliereGenoma{
    line-height: 1;
}
.metaScegliereGenoma p:last-child, p.textFeatures{
    margin: 0;
}
/* FEATURES GENOMA */
.gridFetaures {
    display: grid;
}
.innerColFeatures {
    height: 100%;
    display: flex;
    align-items: center;
}
@media (max-width: 550px){
    /* SCEGLIERE GENOMA */
    .metaScegliereGenoma {
        padding: 15vw 10vw;
    }
    h2.titleScegliereGenoma {
        font-size: 10vw;
        margin: 0 0 8vw;
    }
    p.textScegliereGenoma {
        font-size: 4.5vw;
    }
    .backSceglieregenoma {
        height: calc(100vw /(550 / 433));
        background-image: url('/media/sceglieregenoma550.webp');
    }
    /* FEATURES GENOMA */
    .featuresGenoma {
        padding: 15vw 10vw;
    }
    .gridFetaures {
        grid-gap: 10vw;
        grid-template-columns: auto;
    }
    .innerColFeatures {
        grid-gap: 5vw;
    }
    img.picfeatures {
        height: 14vw;
        max-width: 14vw;
    }
    p.textFeatures {
        font-size: 4.5vw;
    }
}
@media (min-width: 551px) and (max-width: 899.9px){
    .gridFetaures {
        grid-template-columns: auto auto;
    }
    .innerColFeatures {
        grid-gap: 3vw;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    /* SCEGLIERE GENOMA */
    .metaScegliereGenoma {
        padding: 10vw;
    }
    h2.titleScegliereGenoma {
        font-size: 7.2vw;
        margin: 0 0 6vw;
    }
    p.textScegliereGenoma {
        font-size: 3.3vw;
        width: 70vw;
    }
    .backSceglieregenoma{
        height: calc(100vw / (750 / 591));
        background-image: url('/media/sceglieregenoma551.webp');
    }
    /* FEATURES GENOMA */
    .featuresGenoma {
        padding: 10vw 6vw;
    }
    .gridFetaures {
        grid-gap: 4vw 6vw;
    }
    p.textFeatures {
        font-size: 2.6vw;
    }
    .colFeature:nth-child(odd) .textFeatures {
        max-width: 23vw;
    }
    .colFeature:nth-child(even) .textFeatures {
        max-width: 35vw;
    }
    img.picfeatures {
        height: 8vw;
        max-width: 8vw;
    }
}
@media (max-width: 766.9px){
    .backSceglieregenoma {
        background-size: contain;
    }
}
@media (min-width: 766.9px) and (max-width: 1099.9px){
    .metaScegliereGenoma {
        padding: 8vw 0 10vw 8vw;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
     /* SCEGLIERE GENOMA */
     .scegliereGenoma {
         background-size: cover;
         background-image: url('/media/sceglieregenoma767.webp');
    }
    h2.titleScegliereGenoma {
        font-size: 5.17vw;
        margin: 0 0 5vw;
    }
    p.textScegliereGenoma {
        font-size: 2.34vw;
        width: 49vw;
    }
    /* FEATURES */
    .gridFetaures {
        grid-gap: 4vw 8vw;
        padding: 8vw;
    }
    img.picfeatures {
        height: 7vw;
        width: 100%;
        max-width: 7vw;
    }
    p.textFeatures {
        font-size: 1.89vw;
        max-width: 28vw;
    }
}
@media (max-width: 899.9px){
    .metaScegliereGenoma > p:first-of-type {
        margin: 0 0 4vw;
    }
}
@media (min-width: 900px){
    .scegliereGenoma {
        background-size: contain;
    }
    .metaScegliereGenoma > p:first-of-type {
        margin: 0 0 2vw;
    }
}
@media (min-width: 900px) and (max-width: 1400px){
    .innerColFeatures {
        grid-gap: 2vw;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    /* SCEGLIERE GENOMA */
    .scegliereGenoma {
        background-image: url('/media/sceglieregenoma900.webp');
    }  
    h2.titleScegliereGenoma {
        font-size: 4.41vw;
        margin: 0 0 4vw;
    }
    p.textScegliereGenoma {
        font-size: 2vw;
        width: 42vw;
    }
    /* FEATURES */
    .gridFetaures {
        grid-gap: 3vw 5vw;
        padding: 8vw;
        grid-template-columns: auto auto auto;
    }
    img.picfeatures {
        height: 4.5vw;
        max-width: 4.5vw;
    }
    p.textFeatures {
        font-size: 1.61vw;
        max-width: 20vw;
        width: 100%;
    }
}
@media (max-width: 1099.9px){
    img.picfeatures {
        width: 100%;
        object-fit: contain;
    }
}
@media (min-width: 1100px){
    h2.titleScegliereGenoma {
        margin: 0 0 2vw;
    }
    .gridFetaures {
        grid-template-columns: repeat(4, auto);
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    /* SCEGLIERE GENOMA */
    .scegliereGenoma {
        background-image: url('/media/sceglieregenoma1100.webp');
    }
    .metaScegliereGenoma {
        padding: 6vw 0 7vw 10vw;
    }
    h2.titleScegliereGenoma {
        font-size: 3.6vw;
    }
    p.textScegliereGenoma {
        font-size: 1.63vw;
        width: 35vw;
    }
    /* FEATURES GENOMA */
    .gridFetaures {
        grid-gap: 3vw;
        padding: 5vw 3vw 5vw 10vw;
    }
    .innerColFeatures {
        grid-gap: 1.5vw;
    }
    .gridFetaures > div:not(:nth-child(5)) img.picfeatures {
        height: 100%;
        max-height: 4.5vw;
    }
    .gridFetaures > div:nth-child(5) img.picfeatures {
        width: 100%;
        max-width: 4.5vw;
    }
    .gridFetaures > div:first-child p, .gridFetaures > div:nth-child(5) p {
        max-width: 8vw;
    }
    .gridFetaures > div:nth-child(2) p {
        max-width: 13vw;
    }
    .gridFetaures > div:nth-child(3) p {
        max-width: 12vw;
    }
    .gridFetaures > div:nth-child(4) p, .gridFetaures > div:nth-child(6) p {
        max-width: 13vw;
    }
    .gridFetaures > div:nth-child(7) p {
        max-width: 10vw;
    }
    .gridFetaures > div:nth-child(8) p {
        max-width: 20vw;
    }
    p.textFeatures{
        font-size: 1.32vw;
        width: 100%;
    }
}
@media (min-width: 1401px){
    /* SCEGLIERE GENOMA */
    .scegliereGenoma {
        background-image: url('/media/sceglieregenoma.webp');
    }
    .metaScegliereGenoma {
        padding: 6vw 0 7vw 15vw;
    }
    h2.titleScegliereGenoma {
        font-size: 2.9vw;
    }
    p.textScegliereGenoma {
        font-size: 1.3vw;
        line-height: 2vw;
        width: 34vw 
    }
    /* FEATURES GENOMA */
    .gridFetaures {
        grid-gap: 4.5vw;
        padding: 5vw 8vw 5vw 15vw;
    }
    .innerColFeatures {
        grid-gap: 1.5vw;
    }
    img.picfeatures {
        width: auto;
    }
    .gridFetaures > div:not(:nth-child(5)) img.picfeatures {
        height: 4vw;
    }
    .gridFetaures > div:nth-child(5) img.picfeatures {
        width: 3.5vw;
    }
    p.textFeatures {
        font-size: 1.05vw;
    }
    .gridFetaures > div:first-child p, .gridFetaures > div:nth-child(5) p {
        width: 6vw;
    }
    .gridFetaures > div:nth-child(2) p {
        width: 12vw;
    }
    .gridFetaures > div:nth-child(3) p {
        width: 11vw;
    }
    .gridFetaures > div:nth-child(4) p, .gridFetaures > div:nth-child(6) p {
        width: 10vw;
    }
    .gridFetaures > div:nth-child(7) p {
        width: 6.9vw;
    }
}