显示Popup为基础显示在页面底部

Question

我正试图将我的揭示弹出窗口显示在我页面底部的中心，我想知道是否应该调整所述div的上边距以使其下降。目前弹出窗口显示在页面的中间顶部。我还需要它来处理它的响应，所以我想知道我应该把什么放在我的CSS中让它进入页面的中心各种屏幕分辨率，不仅适用于移动屏幕，还具有不同的显示器尺寸。

.modalStyle{
border:none;
color:white;

text-align:center;
}

<div id="idModal" class="reveal-modal small modalStyle" data-reveal>
    <p>Some Text</p>
</div>