Fancy Testimonials using Blockquotes

style.scss

HTML
<blockquote class="testimonial">Jerewall's the best, he's the greatest web developer to ever live!
    <span>- Gary Raymond</span></blockquote>

CSS
blockquote.testimonial {
    border: 0px;
    padding: 60px 40px 50px;
    position: relative;
    width: 100%;
    margin: 0px 0px 30px;
     @include bp($tablet) {
        padding: 30px;
    }
    @include bp($mobilel){
        padding: 20px;
    }
    p {
        font-size: 22px;
        padding: 0px 80px;
        @include bp($tablet) {
            padding: 0;
            font-size: 18px;
        }
        span {
            display: block;
            margin-top: 10px;
            text-align: right;
            font-size: 17px;
        }
    }
    &:nth-child(odd) {
        background: lighten($accent1, 20%);
        border: 1px solid darken($accent1, 5%);
        color: $base;
        &:before {
            position: absolute;
            content: "\f10d";
            font-family: FontAwesome;
            font-size: 60px;
            top: 40px;
            left: 30px;
            color: $base;
            @include bp($tablet) {
                display: none;
            }
        }
        &:after {
            position: absolute;
            content: "\f10e";
            font-family: FontAwesome;
            font-size: 60px;
            bottom: 30px;
            right: 30px;
            color: $base;
            @include bp($tablet) {
                display: none;
            }
        }
        p {
            color: inherit;
        }
    }
    &:nth-child(even) {
        background: #d9d9d9;
        border: 1px solid darken(#d9d9d9, 5%);
        color: $accent1;
        &:before {
            position: absolute;
            content: "\f10d";
            font-family: FontAwesome;
            font-size: 60px;
            top: 40px;
            left: 30px;
            color: $accent1;
            @include bp($tablet) {
                display: none;
            }
        }
        &:after {
            position: absolute;
            content: "\f10e";
            font-family: FontAwesome;
            font-size: 60px;
            bottom: 30px;
            right: 30px;
            color: $accent1;
            @include bp($tablet) {
                display: none;
            }
        }
        p {
            color: inherit;
        }
    }
}