gistfile1.sass

.nav--diamonds {
	margin: 2rem 0;
	li .btn {
		margin: 2rem 2rem;
	}
  @include mq(349, false, max) {
  	width: 300px;
		li:nth-child(n+4) .btn {
    	margin: -2.5rem 2rem 2rem 2rem;
  	}
  	li:nth-child(4) .btn, 
  	li:nth-child(9) .btn,
  	li:nth-child(14) .btn {
    	margin-left: 7rem;
  	}
  }
  @include mq(499, false, max) {
  	width: 400px;
		li:nth-child(n+5) .btn {
    	margin: -2.5rem 2rem 2rem 2rem;
  	}
  	li:nth-child(5) .btn, 
  	li:nth-child(12) .btn,
  	li:nth-child(19) .btn {
    	margin-left: 7rem;
  	}
  }
  @include mq(500) {
  	width: 500px;
  	li:nth-child(n+6) .btn {
	    margin: -2.5rem 2rem 2rem 2rem;
	  }

	  li:nth-child(6) .btn, li:nth-child(15) .btn {
	    margin-left: 7rem;
	  }
  }
}