Responsive WP site from Illustrator files

Make a responsive Wordpress site with five pages from my Illustrator design files. The site has two breakpoints so every page will have three layouts. The different layouts are in the range 320-479 px, 480-767 px and 768- px. I have given you two examples for every three layouts so that you can see about how the content will flow/scale. Create the site either at your own server or in a subdirectory to the current site at [login to view URL], and then move the site to the root site once it is complete for launch. The images should be replaceable. Don't hard-code them in to the theme. Create seamless patterns for the head and main background to minimize loading times. All text except for the logos should use regular fonts and webfonts. The font "Deftone stylus" is used for the menu and the font "Verb black" is used for the headings. For the narrowest design, the menu will be a drop-down menu. Open the file "...[login to view URL]" in Illustrator for reference. The menu is located to the left of the narrowest artboard. Let that menu drop down from the menu button and left align it with the menu button. The narrowest design has a "Ring oss" button, which means "Call us". That should be a phone number link to the number +46 705-53 98 74. The logo in the top left links to the start page, which is “underhållstjänst webskiss [login to view URL]”. Links to “Vaktmästeri” and “Fastighetsskötsel” should link to the “Tjänster” page, to anchors for the corresponding links. The Wordpress installation should be in swedish, and must support the swedish characters "åäöÅÄÖ". All error messages and other text should also be in swedish. We want no english text whatsoever. - Pay attention to typography like font sizes, paragraph spacing and so on. - The layout should be made with CSS/divs, not tables Specific pages: Start page: The link “Se fler referenser” is a link to the “Referenser” page, and the link “Se oss när vi jobbar” and the image above it are a link to the “bilder” page. The slider on the widest layout should be editable through the WP admin panel. Both in setting slider speed, duration, amount of images etc. Tjänster page: The red box is just a text box, no button. Bilder page: The image gallery should work like the one on this page: [login to view URL] (You can view the demo and download source). Feel free to use another gallery plugin that works in the same way if you know a better one. Referenser page: The blue box “Se fler referenser” should be expandable, so that when the user clicks on it, it will expand with a transition and reveal the content that you can see below the footer/artboard when you open the file in Illustrator. Make it possible to toggle the box so that it minimizes again, once clicked when opened. Kontakt page: Use this link as the destination for the map on the wider layout and the link “Öppna vår adress på karta” on the narrower layouts: [login to view URL],+Gullbergs+Strandgata+8,+G%C3%B6teborg&hl=sv&ie=UTF8&sll=62.033002,17.378555&sspn=41.548673,53.964844&oq=under&hq=Underh%C3%A5llstj%C3%A4nst+i+G%C3%B6teborg+AB,&hnear=Gullbergs+Strandgata+8,+411+04+G%C3%B6teborg&t=m&z=16