More fitting elements to devices

I discovered today that the bootstrap class 'col-sm-*' is what is used
for tablets, not 'col-md-*' which is used for desktop.

I changed some of the font sizes in landscape mode and changed some of
the bootstrap column classes. I may try to use bootstrap's media
queries to see if they work, but I will wait on this.