boo.sass

.container-attorney
  @include outer-container
  @include media($small)
  @include media($large)
  @include media($tablet)
  @include media($screen)
  @include media($l-screen)

  .attorney-motto
    p
      @extend .line-height-spacing
      font-family: $crimson-font
      @include media($small)
        @include span-columns(10)
        @include shift(1)
        font-size: 1.2em
      @include media($screen)
        @include span-columns(34)
        @include shift(1)
        text-align: center
        font-size: 2.2em
  .attorney-left
    @include media($small)
      @include span-columns(10)
      @include shift(1)
    @include media($screen)
      @include span-columns(18)
      @include shift(1)
    @include media($l-screen)
      @include span-columns(10)
      @include shift(1)
    h1
      font-family: $crimson-font
      color: $orange-color
    ul
      li
        font-family: $crimson-font
        font-style: italic
        font-size: 1.2em
    .attorney-overview
      @include media($small)
    img
      max-width: 100%
  .attorney-right
    ul
      li
        @extend .line-height-spacing
    @include media($small)
      @include span-columns(10)
      @include shift(1)
    @include media($screen)
      @include span-columns(15)
      @include shift(1)
    @include media($l-screen)
      @include span-columns(11)
      @include shift(1)

    h1, h2
      font-family: $crimson-font
      color: $orange-color
    h1
      font-size: 3em

    .areas-of-practice
    .attorney-bio
      @extend .line-height-spacing