#cf7md-page {
    .cf7md-hero {
        background: $primary_on_light;
        padding: 80px $base-v-space * 4 40px;
        overflow: hidden;
        position: relative;
        &:before,
        &:after {
            content: "";
            display: block;
            position: absolute;
            background: rgba(255,255,255,0.1);
            pointer-events: none;
        }
        &:before {
            width: 500px;
            height: 500px;
            transform: rotate(45deg);
            right: -50px;
            top: 0;
        }
        &:after {
            width: 300px;
            height: 300px;
            border-radius: 100%;
            top: -16px;
            right: 300px;
        }
    }
    .cf7md-hero--title {
        color: #FFF;
        font-family: $base-font;
        font-weight: normal;
        line-height: 1.2;
        font-size: 48px;
        margin: 0 0 $base-v-space * 2;
    }
    .cf7md-hero--subtitle {
        color: #FFF;
        font-family: $mono-font;
        font-weight: normal;
        line-height: 1.25;
        font-size: 20px;
        margin: 0;
    }
}