mobile_breakpoint = 1024px

.HomeQuotes
  margin-bottom 6em

  &__cta
    margin-bottom 2em

  &__quote
    display flex
    flex-direction row
    width 100%
    margin 3em 0

  &__icon
    width 120px
    margin-right 1em
    text-align center

    > img 
      width 50%

  &__copy
    font-family 'Courier New', Courier, monospace
    font-weight bold
    font-size font-size-sm
    line-height line-height-tall
    max-width 475px
    > span
      background-color colors-state-highlighted

+below(mobile_breakpoint)
  .HomeQuotes
    &__quote
      padding 0 2em

mobile_breakpoint = 1024px

.HomeQuotes
  margin-bottom 6em

  &__cta
    margin-bottom 2em

  &__quote
    display flex
    flex-direction row
    width 100%
    margin 3em 0

  &__icon
    width 120px
    margin-right 1em
    text-align center

    > img 
      width 50%

  &__copy
    font-family 'Courier New', Courier, monospace
    font-weight bold
    font-size font-size-sm
    line-height line-height-tall
    max-width 475px
    > span
      background-color colors-state-highlighted

+below(mobile_breakpoint)
  .HomeQuotes
    &__quote
      padding 0 2em
    &__copy
      font-size font-size-base

Increase quote size on mobile
Increase quote size on mobile
