.blog-masthead {
    background: linear-gradient(115deg, #21163d, #34205c);
    border-bottom: 6px solid #ffb800;
    padding: 85px 0 78px;
    position: relative;
}

.blog-masthead::after {
    border: 55px solid rgba(255,255,255,.025);
    border-radius: 50%;
    content: "";
    height: 320px;
    position: absolute;
    right: 7%;
    top: -120px;
    width: 320px;
}

.blog-masthead p {
    color: #ffb800;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.blog-masthead h1 {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.15;
    margin: 0 0 14px;
}

.blog-masthead > .container > span {
    color: #d5e4e0;
    font-size: 17px;
}

.blog-masthead a {
    color: #d5e4e0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
}

.blog-masthead a:hover { color: #fff; }
.blog_area { background: #f7f9f8; }

@media (max-width: 767px) {
    .blog-masthead { padding: 58px 0 52px; }
    .blog-masthead h1 { font-size: 34px; }
    .blog-masthead > .container > span { font-size: 15px; }
}