.fancy-hr {
    display: block;
    margin: 40px 0 -15px;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.35);
}

    .fancy-hr + h2 {
        display: inline-block;
        position: relative;
        left: 50%;
        margin: 0;
        padding: 5px 10px;
        border: 1px solid rgba(38,38,38,1);
        transform: translateX(-50%);
        color: rgba(38,38,38,1);
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.16em;
        text-align: center;
        text-transform: uppercase;
        background-color: #fff;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

        .fancy-hr + h2::first-letter {
            margin-left: 0.32em;
        }

    /* Alternative transform: translate */
    .fancy-hr + h2 {
        border-width: 1px 0;
    }

        .fancy-hr + h2::before, hr + h2::after {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(38,38,38,1);
            content: "";
        }

        .fancy-hr + h2::before {
            left: 0;
        }

        .fancy-hr + h2::after {
            right: 0;
        }