@media only screen and (min-width: 600px) {
    /* Tablets */
    body {
        font-size: 12px;
    }
    
    #page-container {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) {
    /* PC de Escritorio */
    body {
        font-size: 16px;
    }
    
    #menu-home a {
        font-family: Verdana, Arial, Helvetica, Sans-serif;
    }
    
    #container h1 {
        padding: 10px;
        margin: 0 auto 30px auto;
        font-size: 1.5em;
    }
    
    #container h2 {
        padding: 10px;
        margin: 0 auto 30px auto;
        font-size: 1.5em;
    }
    
    #page-container {
        padding: 30px;
    }
}