.quote {
    position: relative;
    min-height: 25px;
    padding: 0 5px 0 47px;
    margin: 0 0 $md-space 0;
    font-family: 'Lato Italic';

    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 25px;
        background-image: url('/Static/images/quote.svg');
        background-size: 32px 25px;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@include media-breakpoint-up(sm) {
    .quote {
        min-height: 50px;
        padding: 0 95px 0 190px;

        &:before {
            left: 90px;
            width: 64px;
            height: 50px;
            background-size: 54px 50px;
        }
    }
}