the only rule that needs to be pointed out is the HTML5 display-role that is used to enable older web browsers to recognise any HTML5 elements as block level, like our section tag. 001 /* reset */ 002 * { 003     margin: 0; 004     padding: 0; 005 } Wrapper and body For our wrapper rule, we need to make it 80% of the browser's viewport and give it a maximum width of 800px. Doing this will allow it to be scalable from 800 pixels down. We then centre it using margin: 0 auto. Straight underneath the wrapper rule we can add in our background image within the body tag using the 'bg.png', which as mentioned earlier is already located within the image folder on the disc. Find a font Now jump back into the index.html file and, underneath the wrapper section tag, create an opening and closing h2 tag and type in a title. Now let's head over to www.google.com/webfonts and do a search for a font called Lobster. Add this to your collection and copy and paste the link within your document's head underneath the &lt;! -- Google fonts -- &gt; comment. Finish the logo Open up the styles.css file and copy and paste the font-family from Google Web Fonts. Then give it a font-size of 2.3ems and a small amount of top margin (we've used 50px). Once that's done, give the title a similar colour to our background. Finally, we apply a white text-shadow to give the text