I have split the page in 3 sections

* 25% width
* 50% width
* 25% width

How can i get my menu in straight line after using `text-align:right`. I don't want to use `margin-left` cause without using it the web is more responsive to other devices and looks more appealing. 

What i expect to get - [Imagur Image of expected outcome](https://imgur.com/kOCzzLV).
I want menu to start at yellow line.

My current code in JSFiddle - [JSFiddle Example](https://jsfiddle.net/Krichukz/475sdf9w/13/)