.at-personalQuote__text {
    font: italic normal 1em/1.4 "Times";
    color: #000
}

.at-personalQuote__text::before,
.at-personalQuote__text::after {
    content: '"';
    color: rgba(0,0,0,.3);
}

.at-personalQuoteCite {
    display: table;
}

.at-personalQuote--hasAvatar cite::before {
    z-index: 10;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    content: open-quote;
    border-radius: 100%;
    text-align: center;
    font: italic bold 54px/54px Georgia;
    color: #fff;
    background-color: #ddd;
    background-size: cover;
}

.at-personalQuote--hasAvatar cite::before,
.at-personalQuote cite a {
    display: inline-block;
    vertical-align: middle;
    font-size: .75em;
    text-decoration: none;
}

.at-personalQuote__link {
    line-height: 1.2;
    display: table-cell;
}


.at-personalQuote__authorName {
    display: table-cell;
    color: #000;
}

@media screen and (min-width: 500px) {
    .at-personalQuote {
        margin: 3.2em 10% 3.2em 30%;
    }

    .at-personalQuote--hasAvatar cite::before {
        line-height: 3.2em;
    }
}