Как учесть большинство экранов смартфонов используя @media css3?
Вы в примере указали точную ширину и высоту, так точно никто не делает.
v4-alpha.getbootstrap.com/layout/overview
Медиазапросы бутстрапа - они удобные
Для адаптивной типографики 
font-size: calc(1rem + 1.23vw);
Выличина шрифта привязана к ширине экрана, а 1рем ограничивает минимальный размер.
Используйте vw,vh,vmin,vmax