.quote-hero{min-height:500px;.module__quote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px 0 45px;width:100%;.quote{margin:0 auto;padding:40px 20px;max-width:calc(100vw - 50px);background-color:$white;text-align:center;position:relative;line-height:1;span{display:block;margin-bottom:10px;font-size:20px;line-height:1.25}.icon-quotes{margin-bottom:20px}.ratings{display:block;margin:0}.quote__byline{font-size:12px}&__site{.quote__byline,.quote__credit{font-size:12px;display:inline-block;font-family:$sansSerif}}&__cta{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}}@mixin breakpoint $tablet{.quote{padding:45px 4% 50px;max-width:calc(100vw - 120px);.icon-quotes{font-size:36px;margin-bottom:5px}span{font-size:24px;line-height:1.25}}}@mixin breakpoint $tabletLandscape{.quote{span{font-size:32px}}}@mixin breakpoint $desktop{max-width:60%;.quote{padding:45px 4% 60px;span{font-size:28px;line-height:1.25}}}}}