.page-body h2 {
  font-size: 20px;
  color:#333;
}
.page-header h1 {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 20;
    color: #fff !important;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    background: transparent !important;
}

.page-header h1 span {
    background: transparent !important;
    padding: 0 !important;
    color: #fff !important;
}
@media (max-width: 768px) {

    .page-header h1 {
        left: 50% !important;
        top: 50%;
        transform: translate(-50%, -50%) !important;
        width: 90%;
        max-width: 90%;
        text-align: center;
        font-size: 22px;
        z-index: 30;
    }

    .page-header h1 span {
        display: inline-block;
        white-space: normal;
        background: rgba(255, 255, 255, 0.75) !important;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        color: #111 !important;
        padding: 8px 14px !important;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.3);
    }

}
@media (max-width: 480px) {

    .page-header h1 {
        font-size: 19px;
        width: 88%;
        max-width: 88%;
    }

    .page-header h1 span {
        padding: 7px 10px !important;
    }

}
@media (max-width: 768px) {
    .popup > .content > .close {
        position: fixed !important;
        right: 12px !important;
        top: 12px !important;
        z-index: 99999 !important;
    }
}
@media (max-width: 768px) {
    .mobile-menu,
    .mobile-menu * {
        pointer-events: auto !important;
    }

    .mobile-menu {
        z-index: 99999 !important;
        position: fixed !important;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-menu a {
        position: relative;
        z-index: 100000 !important;
        cursor: pointer;
        touch-action: manipulation;
    }
}