h2文本被切断以在移动设备上显示的问题

Question

对不起，这让我发疯了，我确信它很简单但不能破解它。

根据屏幕截图，移动设备的文本正在被切断，我认为通过调整边距或边框可以调整css，但是没有用。有人可以提出解决方案吗？或者指出我的解决方案？

在此处查看网站www.yostrato.com

#owl-main-text {
    height: 180px;
}

    #owl-main-text h2 {
        font-size: 25px;
        text-align: center;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 10px;
        margin-top: 0;
        margin-bottom: 7px;
        margin-top: 35px;
        font-family: "Montserrat";
        background-color: rgba(193, 48, 48, 0.79);
    }

Answer 1

通过将高度增加到180px来解决：

#owl-main-text {
    height: 180px;
}

Answer 2

使用媒体查询在H2文本开始被切断之前增加红色div的高度。

Answer 3

此处将高度更改为最小高度：

#owl-main-text {
    min-height: 180px; /* or whatever value */
}