При изменении масштаба экрана верстка начинает ломаться?

Есть сайт
Проблема состоит в том, что при изменении масштаба на мелкий footer начинает ломаться, а body при этом становиться мелким.
На скрине видно как body не занимает полностью окно браузере не по ширине, не по высоте.
Первое, хочу чтобы footer был всегда прибит к низу, независимо он наполненности контента, и не был фиксированным.
Второе, когда будешь сайт с смартфона, чтобы он весь отображался, пусть там будут скролл.
Я перешел на флексы, может где-то что-тоне так сделал. Да и до этого были проблемы.