Code my simple 1-page responsive website

General information for the website: A simple investment and design portfolio site
Kind of development: New website from scratch
Num. of web pages/modules: 1
Description of every page/module: See home page as well as the rollover effect when portfolio companies are moused over.

See main menu mouseover effect (just the usual line).

Based on 12 col bootstrap photoshop template. You can see the design with grid turned on here: http://cl.ly/image/192m3n2b1y2s

The design itself is here: http://cl.ly/image/112b1f2T1p0R

The Adobe Illustrator file is here: http://cl.ly/3L122q0N0e0e

You can see what we're using as image placeholders. You can use whatever image placeholders you want there when you code it (e.g. any image placeholder mechanism)
Description of requirements/features: Must be fully responsive.

You may use Bootstrap, Foundation or custom code.

Whatever you think you'll do your best work as.

We're developers too but short on time so please pay attention to little details that you know we'll catch (e.g. use browser resets etc etc)

You may use plain vanilla CSS, LESS, SASS etc. Totally up to you.

The only two font families used are:

Roboto
Rosarivo

Both are free downloads.

Font spacing/kerning is unique for the headers (e.g. in photoshop it's set as 200p - wider than standard letter spacing).

I'm comfortable tweaking CSS - just get the placeholders in there and use your eye and get as close as you can.
Extra notes: