Tworzenie strony - problem z responsywnością

Question

Witam. Mój problem polega na tym ,że sekcje na stronie które mają 

height: 100vh;

na urządzeniach mobilnych wyglądają dobrze tylko wtedy gdy nie pojawi się pasek nawigacyjny u góry przeglądarki, wtedy wszystkie elementy zaczynają na siebie nachodzić lub wychodzić poza swoich rodziców. Ktoś miał taki problem lub może wie jaka jest tego przyczyna ? 

 

Link do całości (HTML i CSS) :  https://jsfiddle.net/xvc34Lj2/