moved z-index for Magellan down so it doesn't conflict with clearing

Also included variable for background color for my own devilish needs.
Merge pull request #1771 from ascottmccauley/magellan-scss-fix

moved z-index for Magellan down so it doesn't conflict with clearing