From using chrome on the desktop it seems like the nav part is responsive but the list isn't (the columns don't shrink accordingly nor the fonts reduce.)
I'd code it so on page 1/landing page you have the text "Viral Sports Articles" on a line below nav and remove that bit from the nav bar, on subsequent pages it doesn't need to be there. Loose the text on the logo if it doesn't have to be there so you can make the logo bigger at such a small scale.
Viral rank doesn't make much sense to me (thinking as Joe Sixpack here)... numbers don't have much meaning maybe a call it "buzz rank" or something and use color bar graphic, long and green for top, and the varying length/color according to whatever the rank metric is.
So description is your categories... Maybe logo/sport symbols to have a quick id?
Seems a little stuffy - all two colors... oh... bee colors... would have noticed that if the logo was bigger.
Maybe a bit more sporty? One of the funnest pictures I've ever saw for a team of programmers was for pro-line software http://www.pcmuseum.ca/icons/ProLineteam.jpg though it wasn't sports software, it was definitely a memorable picture. Kick up your about with "the SwarmSports Team" along with some sports analogies might add to the retention factor.
The blog header is really really nice compared - smiled when I saw it - Id replicate it on the about and possibly on the first page of results. same with the social icons. Blog has no back to content menu...
Space is expensive on phones shorten the date to mm/dd or mm/dd/yy or something like "last Wed." then mm/dd after one week before...
I can't comment on how good the quality of CSS is and stuff, I'm still getting a hang of it myself. My project has some similarities to what you are doing - might check it out to give you some ideas: http://www.doplaces.com
Hope that helps.