问位于底部的响应式页脚

EN

我不知道为什么我在这个概念上有这么多的麻烦！基本上，我正在创建一个单页面的网站。我的内容基于向部分添加一个活动类来显示/隐藏。主要内容部分是绝对的，在相对中；然后我有我的页脚。页脚应该整齐地放在底部。如果用户有他们的手机画像视图，但当他们将其切换到landscrape中断时。我希望它是响应，但我想我可能需要使用媒体查询。对此有什么想法吗？

https://jsfiddle.net/r_heneault/jt7x12jk/5/

#content {position:relative;height:70%;}
/*FOOTER*/
footer {position:relative;bottom:0px;padding:5vmin;height:25vmin;background-color:#f2f2f2;left:0px;right:0px;}