Add Buying Offsets, Helping Clients, Resources

[chrismekim]

Figma: https://www.figma.com/file/bWWgCqrjStjy1ne99Vs6x9/Sanctuary-Sustainability?node-id=457%3A166

• Adds Buying Offsets, Helping Clients, and Resources.
• These are placeholder images while we wait for the actual images.
• Doesn't include the nav (design is not finalized)

[brendonsanctuary]

New styling for Resources page.

Underline for section titles. Black text for links. Fade out hover to gray similar to footer.

[brendonsanctuary]

Desktop: Lets make this graphic have a margin-top of 5rem instead of 10.

[brendonsanctuary]

Pushing the Buying Offsets a little bit to the right.

[brendonsanctuary]

Resources slight update.

Gray hover over similar to footer.

[brendonsanctuary]

Mobile Margin for content on pages except Home and Resources

[brendonsanctuary]

Something is going down here.

[brendonsanctuary]

12 rem margin-top before the links

[brendonsanctuary]

Change the margin to 5 rem on this graphic.

[brendonsanctuary]

Mobile: Footer on resources page should match the other pages.

[brendonsanctuary]

Mobile: Helping Clients Image size should be the same size as the Calculating Emissions.

[brendonsanctuary]

Mobile: Buying offsets is missing bottom margin. Should be the same as the other mobile pages exclude the homepage.

[brendonsanctuary]

Mobile: Buying offsets graphic. Margin top & bottom should be 2 rem.

[brendonsanctuary]

Desktop: Move the Buying Offsets titles down.

[brendonsanctuary]

Desktop Resource Margin:

Right now the margin is calculated from the top of the "Word Resources" Can we get it so 12 rem is calculated from the Bottom of the word "Resources"

[brendonsanctuary]

Mobile:

Footer of resources is on the wrong grid. It should be the same as on every other page.

[brendonsanctuary]

Helping Clients Mobile: Center the Image more. I think you have two competing div styles with right and left here.

We can just make the top 30% and left 30%

[brendonsanctuary]

This image should be a lil lower on the page