@mixin block-960
  width: calc(100% - -220px + 0px)
  margin-left: -90px

@mixin block-1120
  width: calc(100% - -260px + 0px)
  margin-left: -130px

header
  @media (min-width: 960px)
    @include block-960

  @media (min-width: 1120px)
    @include block-1120

blockquote 
  font-family: $font-alt-stack
  margin-left: 3rem

  opacity: 0.8
  position: relative
  quotes: '\201C''\201D''\2018''\2019'

  display: flex
  flex-flow: row wrap
  position: relative
  &::before 
    mask: url('/img/icons/quote.svg')
    -webkit-mask:  url('/img/icons/quote.svg')
    mask-size: cover
    -webkit-mask-size: cover
    content: ''
    display: inline-block
    background-color: $accent
    position: absolute
    width: 40px
    height: 40px
    margin-left: -40px
    margin-top: -10px
  
  p

    padding-left: 0.5rem 0 !important
    letter-spacing: 0rem
    width: 100%
    font-weight: 300
    font-style: italic

    span
      opacity: 0.6
      font-size: 1.3rem
      white-space: pre
      &::before
        content: '\A -- ';