.hero {
    min-width: 100%;
    background-image: url("../src/img/heroroma.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; 
    height: 100vh;
    }

.franquia {
    min-width: 100%;
    background-image: url("../src/img/franquia.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; 
    height: auto;
    }

.history {
    min-width: 100%;
    background-image: url("../src/img/history-spaghettone.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position:left top; 
    height: 100vh;
    }

.desk {
    display: inherit;
    @media (max-width:767px){
        display: none;
    }
}

.mob {
    display: none;
    @media (max-width:767px){
        display: inherit;
    }
}