/* Media queries per varie risoluzioni (mobile-first approach) */

/* default */
@media screen and (min-width: 0px) {
    h1, .sh1 { font-size:23px; }
    h2, .sh2 { font-size:20px; }
    h3, .sh3 { font-size:17px; }
    h4, .sh4 { font-size:15px; }
    h5, .sh5 { font-size:13px; }
    #cerca { top:43px; }
    #risultati { top:67px; }
    #riga {top:91px;}
    #tableRiga { width:100%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:45%; }
}	

/* Schermi solitamente di 480px */
@media screen and (min-width: 440px) {
    h1, .sh1 { font-size:23px; }
    h2, .sh2 { font-size:20px; }
    h3, .sh3 { font-size:17px; }
    h4, .sh4 { font-size:15px; }
    h5, .sh5 { font-size:13px; }
    #cerca { top:43px; }
    #risultati { top:67px; }
    #riga {top:91px;}
    #tableRiga { width:100%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:45%; }
}

/* Schermi solitamente di 600px */
@media screen and (min-width: 560px) {
    h1, .sh1 { font-size:23px; }
    h2, .sh2 { font-size:20px; }
    h3, .sh3 { font-size:17px; }
    h4, .sh4 { font-size:15px; }
    h5, .sh5 { font-size:13px; }
    #cerca { top:48px; }
    #risultati { top:76px; }
    #riga {top:104px;}
    #tableRiga { width:80%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:28.5%; }
}

/* Schermi solitamente di 768px */
@media screen and (min-width: 720px) {
    h1, .sh1 { font-size:23px; }
    h2, .sh2 { font-size:20px; }
    h3, .sh3 { font-size:17px; }
    h4, .sh4 { font-size:15px; }
    h5, .sh5 { font-size:13px; }
    #cerca { top:53px; }
    #risultati { top:87px; }
    #riga { top:121px; }
    #tableRiga { width:70%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:20.5%; }
}

/* Schermi solitamente di 1024px o superiori */
@media screen and (min-width: 960px) {
    h1, .sh1 { font-size:25px; }
    h2, .sh2 { font-size:23px; }
    h3, .sh3 { font-size:20px; }
    h4, .sh4 { font-size:17px; }
    h5, .sh5 { font-size:15px; }
    #cerca { top:60px; }
    #risultati { top:100px; }
    #riga {top:140px; }
    #tableRiga { width:60%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:20.5%; }
}

@media screen and (min-width: 1400px) {
    h1, .sh1 { font-size:25px; }
    h2, .sh2 { font-size:23px; }
    h3, .sh3 { font-size:20px; }
    h4, .sh4 { font-size:17px; }
    h5, .sh5 { font-size:15px; }
    #cerca { top:65px; }
    #risultati { top:110px; }
    #riga {top:155px; }
    #tableRiga { width:60%; }
    #tableRiga.totale { width:100%; }
    .bottone { width:20.5%; }
}