.interior-row
  background-color: $lightBlue

  .content
    h2
      color: $blue

  .grid-row
    position: relative
    padding-bottom: 150px

    &:before
      content: ''
      background: $blue
      position: absolute
      z-index: 1
      left: 0
      top: 0
      width: column(9, 48)
      height: calc(100% - 150px)
      opacity: 0.2

    +respond-to-width(840)
      padding-bottom: 40px
      &:before
        height: calc(100% - 40px)
        width: 50%

  .background
    width: 100% !important
    height: 100% !important
    margin-top: 0 !important

  .background, .background span

    background:
      image: url("/img/backgrounds/light_interior.jpg")
      size: cover
      repeat: no-repeat
      position: 100% 100%

    +respond-to-width(1750)
      background-image: url("/img/backgrounds/light_interior@0,75x.jpg")

    +respond-to-width(700)
      background-image: url("/img/backgrounds/light_interior@0,5x.jpg")

    +respond-to-width(450)
      background-image: url("/img/backgrounds/light_interior@0,3x.jpg")