bootstrap quote style box css3 bg

bootstrap quote style box css3 bg

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="row quote ">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 col-xs-offset-1 col-xs-8">
                <div class="clientquote">
                     <h1>"I have known Andrew for several years, and when I needed a customized printing site developed he was quick to explain how it could be done. His communication skills are excellent with those us who are not really tech savvy. Everything was explained in detail, and he helped me understand the process. Andrew’s knowledge of media and web design was the perfect fit for me and I am very pleased with the end result. I do hope to work with him in the future on other projects."</h1>

                    <p class="pull-right">- Name <i class="fa fa-pinterest"></i></p>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

body {

    background:#563363

}

.quote {

    color:white;

    text-shadow: 0px 2px 3px rgba(12, 12, 12, 0.9);

    background-color: transparent;

    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .2) 5px, rgba(255, 255, 255, .2) 10px);

    margin-top: 60px;

    padding-bottom: 70px;

    padding-left: 70px;

}

@media(min-width:767px) {

    .quote h1 {

        font-size:20px;

        padding:40px

    }

}

@media screen and (max-width: 360px) {

    .clientquote h1 {

        font-size:12px;

    }

}