blockquote {
    margin: 0;
    padding: 0;
    position: relative;
    width: 60%;
    min-width: 400px;
    max-width: 418px;
    font-size: 18px;
    line-height: 1.4;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-fon-smoothing: grayscale;
}

blockquote p:first-of-type:before {
    content: '\201c';
    position: absolute;
    left: -.5em;
}

blockquote p:last-of-type:after {
    content: '\201d';
    position: absolute;
}

blockquote b_footer {
    position: relative;
}

blockquote b_footer:before {
    content: '–';
    position: absolute;
    left: -.6em;
}

@media screen and (max-width: 1600px) {
    blockquote {
        font-size: 18px;
    }
}

@media all and (max-width: 1200px) {
    blockquote {
        font-size: 18px;
    }
}

@media all and (max-width: 600px) {
    blockquote {
        font-size: 18px;
    }
    blockquote {
        width: 100%;
        min-width: 100%;
    }
}