Advam registration 1, create markup, styles for- registration form, section headings and updated margins on header and footer templates.

We don't use `px` for anything unless it's a fixed dimension asset: 

>> Only use pixels for items whose dimensions were defined before they came into the site. This includes things like images and sprites whose dimensions are inherently set absolutely in pixels.
https://github.com/westfield/css_guidelines#writing-css

So it should be: `@include to-rem(padding-top, 4);` or even better use a spacing var if possible, want to avoid magic numbers as much as possible in UI builds. 

But to make this really bullet proof you'd always want to ensure the number is always vertically aligned in the circle which you can do a few ways.