.quote {
    font-size: 3rem;
    line-height: 1.2;
    --line-height: 1.2;
    --fluid-max: 30;
    --fluid-min: 24;
    /*margin-top:1.8em;*/
    margin-top:1.4em;
    margin-bottom:1.4em;
    margin-left:240px;
    margin-right:240px;
    padding-left:0;
    padding-right:0;
    clear:both;
}
@media only screen and (max-width: 499px) {
    .quote { font-size: calc(var(--fluid-min) * 0.1rem) }
}
@media only screen and (min-width: 500px) and (max-width: 899px) {
    .quote {
        font-size: calc(calc(var(--fluid-min) * 0.1rem) + (var(--fluid-max) - var(--fluid-min)) * ((100vw - 500px) / 400))
    }
}
@media only screen and (min-width: 900px) {
    .quote { font-size: calc(var(--fluid-max) * 0.1rem) }
}
.quote {
    position: relative;
    color: #7d6476;
    font-style: italic;
    font-weight: 700
}

.quote .quote__icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-120%, -50%);
    transform: translate(-120%, -50%);
    color: #fff;
    background: #7d6476;
    font-size: 1.5em;
    /*width: 2.5em;
    height: 2.5em;*/
    width:3.5em;
    height:3.5em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: rgba(125, 100, 118, 0.3) 0px 0px 0px 0.3em, rgba(125, 100, 118, 0.1) 0px 0px 0px 0.8em
}
.quote svg {
    height:1.3em;
}
.quote_inline_right {
    display:inline-block;
    max-width:690px;
}
.quote_inline_right .quote {
    margin-right:0;
}