How Do I Stop Field From Moving My Page Upwards On Click

I've made a little search engine and I really like it but I notice When you click on the search box on a mobile platform it doesn't cut off its logo My code is on this link...

http://ift.tt/1IW3cqp

How to I make sure the text field doesn't move my elements upward or limit how much it moves it