По умолчанию в большинстве браузеров 16px.
А если выставлены пользовательские настройки в браузере?
100% куда комфортнее для пользователя, вы не заставляете его принудительно играть по Вашим правилам.
Имхо:
body {
font-size: 100%;
}
.text {
font-size: 1em;
}
Для старых браузеров пишите: @media only screen and (min-width: 768px)
Учтите, что IE не понимает, вложенных media запросов.
Попробуйте включить режим совместимости. Вставьте в HEAD: <meta http-equiv="X-UA-Compatible" content="IE=9">
Скопируй код таблицы и почисти в редакторе аттрибуты, регулярными выражениями.
Например ищем все атррибуты STYLE и заменяем их на пустоту. style="[^"]*
Табулируйте модификаторы, чтобы они были заметны и разделяйте их чем - нибудь. Например CSS коментами.
Остальное пускай идет по дефолту как обычно. Информация столбиком воспринимается лучше.