Country header outside margins are incorrect

[theadamparker]

The country header component's margins are incorrect.

They should work like this:

Current state:

[CalebLuster]

@theadamparker I think I found a possible fix but I was a little confused by the ticket. I think the ticket is saying that there isn't enough space on the margins in the screen sizes but maybe I interpreted it wrong. Either way check out my new branch and the fix I made.

[theadamparker]

General approach is correct @CalebLuster, but for small screens the outside margin should be 12px (or 0.75rem). Right now it seems to be half of that.

[CalebLuster]

@theadamparker made another commit for that mobile adjustment

[theadamparker]

Looks good @CalebLuster