.page-banner {
    position:relative;
    overflow:hidden;
    background:#e5ece6;
    padding:36px 5%;
    min-height:136px;
    max-height:180px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #d4dfd7;
}
.page-banner::after {
    content:"";
    position:absolute;
    right:8%;
    top:-140px;
    width:360px;
    height:360px;
    border:44px solid #cbd8cd80;
    border-radius:50%;
    pointer-events:none;
}
.page-banner h1 {
    position:relative;
    z-index:1;
    width:100%;
    max-width:1280px;
    margin:auto;
    font-size:42px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-1px;
}
@media(max-width:900px) {
    .page-banner {
        padding:30px 5%;
        min-height:120px;
    }
    .page-banner h1 {
        font-size:36px;
    }
}
@media(max-width:640px) {
    .page-banner {
        padding:28px 20px;
        min-height:108px;
    }
    .page-banner h1 {
        font-size:30px;
        letter-spacing:-.4px;
        overflow-wrap:anywhere;
    }
    .page-banner::after {
        right:-60px;
    }
}