#desktop { display: none; }
#mobile { display: none; }


body, li, td, th {
    font-family: Arial, sans-serif
}

table {
    width: 100%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}


.titulo {
    text-align: center;
    vertical-align: middle;
}



/* @media (orientation: landscape) {
    body, li, td, th {
        font-family: 'Courier New', Courier, monospace
    }

    #desktop { display: block; }
    #mobile { display: none; }
}

@media (orientation: portrait) {
    body, li, td, th {
        font-family: Arial, sans-serif
    }
    #desktop { display: none; }
   #mobile { display: block; }
} */




 /* Mobile */
 @media screen and (max-width: 320px)
   { 
    #desktop { display: none; }
   #mobile { display: block; }
   }

 /* Mobile */
 @media screen and (max-device-width: 540px)
   { 
    #desktop { display: none; }
   #mobile { display: block; }
   }