Rather than adding these styles to the `foundation_and_overrides` file, I'd recommend putting them in your own stylesheet. It's best to leave this file for overriding Foundation's SCSS variables. You could even create an `app/assets/stylesheets/navbar.css.scss`, and then require it in your `application.css` like so:

```scss
//= require navbar
```