Foundation 5 grid width pull and push in CSS

gistfile1.css

old:
<div class="small-text-center medium-text-right large-text-right small-12 medium-4 medium-push-8 large-3 large-push-5 columns"> … </div> 

new:
<div class="footer-nav"> … </div>

.footer-nav {
	@include grid-column(12);
	text-align: center;
	
	@media #{$medium-up} {
		@include grid-column(4, $push: 8);
		text-align: right;
	}
	
	@media #{$large-up} {
		@include grid-column(3, $push: 5);
	}
}