Javascript 无法在全屏无滚动网站的每个屏幕中居中显示内容部分

我一直在努力使一个定制的网站响应。这是一个全屏无滚动的网站。我一直在努力使内容部分居中，页脚部分位于每个屏幕大小的侧边栏底部。我的意思是，无论访问网站的屏幕大小如何，我都希望内容位于中心，语言下拉菜单和版权始终位于底部。我试着用不同的媒体查询，但是不同的屏幕有不同的高度，屏幕破坏了它。请访问本网站www.matininternational.com。这是小提琴：

---

请注意，我没有使用任何css框架来进行设计。这是我自己的概念

我已经使用flexbox在中间添加了部分内容，如下所示：

section-name{
display:flex;
justify Content: center;
align item:center;
width:100%;
height :400px;
}

---

我曾使用flexbox将中心部分的内容标记为：

section-name{
display:flex;
justify Content: center;
align item:center;
width:100%;
height :400px;
}