@media only screen and (min-width: 320px) {
    .recommendations-quote{
        font-size:2.5rem;
        line-height:1.4em;
        font-family:var(--title-font);
        max-width:1080px;
        margin:0 auto;
        color:var(--link-clr);
    }
    .recommendations-quote-giver{
        font-weight:bold;
        font-size:1rem;
        margin-top:10px;
    }
}

@media only screen and (min-width: 768px) {
    .recommendations-quote{
        font-size:3rem;
    }
}

@media only screen and (min-width: 1024px) {
   .recommendations-quote{
    font-size:4rem;
   }
}