/* ======================================
 * https://github.com/adamdehaven/perfect-pullquotes
 * version 1.4.1
 *
 * Adam Dehaven ( @adamdehaven )
 * http://adamdehaven.com/
 *
 * perfect-pullquotes.css
 *
 * ======================================
*/
.pullquote blockquote, .pullquote blockquote p { /* Reset <blockquote> element */
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    text-align: left;
    vertical-align:baseline;
    background:transparent;
    quotes:none;
}

.pullquote blockquote:before, blockquote:after { /* Reset <blockquote> element */
    content:'';
    content:none;
}

.pullquote blockquote footer:before {
    content:'\2014 \00A0' !important;
}

.pullquote blockquote footer {
    margin-top:4px;
}

.pullquote blockquote footer cite {
    font-style: italic;
}

.pullquote blockquote footer cite a {
    display: inline-block;
    font-style: italic;
}

.pullquote {
    color:#363636;
    font-size:21px;
    line-height: 1.5;
    display: block;
    width: 30%;
    padding: 0.5em 1em;
    margin: 24px 0px;
}

.pullquote.pullquote-align-full {
    width:95%;
}

.pullquote blockquote p {
    color:#363636;
    font-size:21px;
    line-height: 1.5;
}

.pullquote-align-left {
    text-align: left;
    margin: 0.5em 1.5em 1em 0;
    padding-left: 0;
    float: left;
    border-right: 5px solid #eeeeee;
}

.pullquote-align-right {
    text-align: left;
    margin: 0.5em 0 1em 1.5em;
    padding-right: 0;
    float: right;
    border-left: 5px solid #eeeeee;
}

.pullquote-align-full {
    text-align: left;
    margin: 0.5em 0 1em 1.5em;
    padding-right: 0;
    float: none;
    border-left: 5px solid #eeeeee;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .pullquote {
        width:50% !important;
    }
    .pullquote.pullquote-align-full {
        margin: 0.5em 0 1em 0.5em;
        width:95% !important;
    }
}

@media screen and (max-width: 768px) {
    .pullquote {
        margin: 0.5em 0 1em 0.5em;
        width:95% !important;
    }
}