I have started to build the site in Dreamweaver, and for the first time approached the project from a “mobile first” perspective in terms of Responsive Design. I have previously used media-screen rules to add Responsive functionality, but only by working down to mobile from a full page site.
Below are screenshots showing the development of the site so far. The coloured div borders are temporary to aid composition while developing:
@media screen and (min-width: 500px):
@media screen and (min-width: 1000px):
@media screen and (min-width: 1250px):