Adapt our web application for a mobile sized screen. CSS3

We are looking for a talented web designer who will be responsible for taking our current layout of our web application and adapting it for an iphone/mobile sized screen. - Leveraging CSS3 media queries to make all the content and layout fit on an iphone screen. - This will include changing the layout, margins, text size, and shifting elements so they stack, to produce a fixed width mobile layout. - You can use SCSS as our application supports it. - This is not the creation of a brand new layout, but adapting our current layout so that it fits within the screen when a mobile user comes to the site. Site details: There are about 8-10 distinct types of pages. Our css styles are heavily reused all over the site and we follow a common layout throughout, thereby cutting down on the work. (Our current css file is about 900 lines including resets). Your qualifications: - Experience/Understanding of HTML and CSS. CSS3 and HTML5. - Ability to see the elements and how they can be better arranged for a smoother mobile experience. Timeline: We estimate this should take roughly a week to complete, as our elements reuse the same css throughout the site and we have a common layout. Communication: We expect communication of any issues/clarifications. After the first few pages are restyled we would like to check in whether they are on the right track to make sure further work is delivered to specification. Deliverables: css/scss file with the necessary changes to make our live site mobile friendly. Plus any html changes if necessary.