<p>&lt;style scoped type="text/css"&gt;<br>
.quote-content {<br>
    color: $primary-textcolor-inverted;<br>
    /* background-color: $quote-backgroundcolor; Color is set by CMS in header.twig */<br>
    padding: 30px 50px 1px 50px;<br>
    font-size: 30px;<br>
    text-align: center;<br>
}<br>
.colored.quote-bg.quote-content.quote1 .spacer:after {<br>
    height: 32px;<br>
    font-size: 32px;<br>
    line-height: 32px;<br>
}<br>
.quotes{<br>
    font-size: 200px;<br>
    line-height: 0px;<br>
    margin-top: 70px;<br>
    margin-bottom: 4px!important;<br>
    font-family: Circular-Pro-Book;<br>
    letter-spacing: -7px;<br>
}<br>
.quotedPerson{<br>
    font-size:16px;<br>
    margin-top:-10px;<br>
    font-family: Circular-Pro-Book;<br>
}</p>

<p>@media (max-width: 767px){<br>
    .colored.quote-bg.quote-content.quote1 .spacer:after {<br>
      height: 65px;<br>
      font-size: 65px;<br>
      line-height: 65px;<br>
    }<br>
    .quote-content{<br>
      font-size: 24px;<br>
      padding: 30px 20px 1px 20px;<br>
    }<br>
}<br>
&lt;/style&gt;<br>
&lt;div class="no-overflow"&gt;<br>
&lt;div class="colored quote-bg quote-bg-bg quote-content quote1"&gt;<br>
&lt;p class="quotes"&gt;’’&lt;/p&gt;</p>

<p>&lt;p class="spacer"&gt;&lt;/p&gt;</p>

<p>&lt;p class="quoteContent"&gt;"Never forget to play!"&lt;/p&gt;</p>

<p>&lt;p class="spacer"&gt;&lt;/p&gt;</p>

<p>&lt;p class="quotedPerson"&gt;Aalvar Alto&lt;/p&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;</p>
