.page-header.fullscreen {
    height: auto;
    background-color: #f3f4f9;
}

.page-header.fullscreen.centered .wrapper {
    padding-top: calc(80 * var(--rpx-50));
    padding-bottom: calc(160 * var(--rpx-50));
    display: block;
    position: relative;
}

.page-title {
    text-align: left;
}

.page-header .info-box {
    width: 100%;
    position: absolute;
    top: calc(100% - 80 * var(--rpx-50));
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    padding: calc(40 * var(--rpx-50));
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.page-header .info-item {
    width: 50%;
    flex: 0 0 auto;
    margin-bottom: calc(28 * var(--rpx));
}

.page-header .info-item .key {
    font-weight: lighter;
}

.page-header .info-item .value {
    font-size: calc(28 * var(--rpx));
    font-family: var(--serif-font);
    font-weight: bold;
    margin-top: calc(6 * var(--rpx));
}

.page-header .info-item:nth-last-of-type(1),
.page-header .info-item:nth-last-of-type(2) {
    margin-bottom: 0;
}

section.main {
    padding-top: calc(240 * var(--rpx));
    padding-bottom: calc(200 * var(--rpx));
}

section.main .btn-ctn {
    margin-top: calc(60 * var(--rpx-50));
    display: flex;
    justify-content: center;
}

.desc ul {
    margin-top: 0.25em;
    margin-bottom: 1.25em;
}



@media (max-width: 750px) {
    .page-header.fullscreen{
        overflow: visible;
    }

    section.main {
        padding-top: calc(250 * var(--rpx));
        padding-bottom: calc(100 * var(--rpx));
    }

}