.quote{margin:0}.quote a{padding:20px;display:block;text-decoration:none;transition:background-color .3s;max-width:400px;margin:auto}.quote a:hover{background:rgba(68,153,126,.15)}.quote__text,.quote__footer{color:#f1eee5;font-size:16px;line-height:27px}.quote__footer{padding-top:12px;color:#44997e}.quote__image{display:block;width:116px;height:126px;margin:0 auto 24px}@media screen and (min-width: 720px){.quote__text,.quote__footer{font-size:24px;line-height:30px}}
.quotes__inner{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;padding:50px 16px}.quotes .quote{width:100%;margin-bottom:16px}@media screen and (min-width: 720px){.quotes .quote{width:40%}}@media screen and (min-width: 1200px){.quotes__inner{transition:opacity 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transform:translate(0, 150px);transform:translate(0, 150px);opacity:0}.quotes .quote{width:25%}.quotes--inview .quotes__inner{-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}