// Standard html { font-size: 13px; } // Smartphone, portrait @media screen and (min-width:320px) { html { font-size: 13px; } } // Smartphone, html @media screen and (min-width:480px) { html { font-size: 13px; } } // Tablet, portrait @media screen and (min-width:600px) { html { font-size: 13px; } } // Tablet, landscape @media screen and (min-width:801px) { html { font-size: 13px; } } // Big screen and landscape tablets, laptop and desktop @media screen and (min-width:1025px) { html { font-size: 14px; } } // Hi-res laptop and desktop @media screen and (min-width:1281px) { html { font-size: 14px; } }