h2{
    color:green;
}

/* stili tabella */
.sfondoHeaderTable{
    background-color: cadetblue;
}
.larghezzaTable{
    width: 100%;
    border: 1px solid gray;
}
.cognome{
    color:orange; 
    font-size: larger; 
    font-weight: bold;
}
.imgLarghezza100{
    width: 100px;
    height: auto;
}

/* stili testate */
#titoloPaginaH1{
    color:blueviolet;
}

/* responsive */
#divLeft{
    float:left ; 
    width: 48%; 
    height: 300px; 
    border: 1px solid red; 
    min-width: 400px;
}

#divRight{
    float: right; 
    width: 48%; 
    height: 300px; 
    border: 1px solid blue; 
    min-width: 400px;
}

@media screen and (min-width: 400px) { /* smartphone verticale. funziona da 0 a 400px */
    #divLeft{ 
        border: 1px solid orange; 
    }
    
    #divRight{
        border: 1px solid purple;
        margin-top: 20px; 
    }
}

@media screen and (min-width: 850px) { /* desktop. funziona da 820px in su */
    #divLeft{ 
        border: 1px solid red; 
    }
    #divRight{
        border: 1px solid blue;
        margin-top: 0px; 
    }
}