footer
  height: 800px
  background: $darkBlue
  color: white
  position: relative
  +flex(center, center)
  .content-container
    position: relative

  .contact-info
    width: $contentGrid * 5
    left: $contentGrid
    display: inline-block
    position: absolute
    height: 100%

    .logo
      width: 80%
      max-width: 260px
      position: relative
      z-index: 2

      img
        width: 100%

    .content
      padding-bottom: 62px
      position: absolute
      top: 0
      left: 18.5%
      height: 100%
      +flex(flex-start, flex-end)

      p
        +font-default(16px, 22px)
        color: $almostWhite
        a
          +font-default(16px, 22px)
          color: $almostWhite

        &.links
          a
            opacity: 0.6
            +transition(all .2s)
            &:hover
              opacity: 1

+media-query(1600px)
  footer
    .contact-info
      .content
        left: 5%

+media-query(800px)
  footer
    height: 1040px
    .contact-info
      position: relative
      padding-top: 40px

      left: 0
      width: 100%
      .logo
        margin: 0 auto 40px
      .content
        position: relative
        display: block
        padding-bottom: 60px
        left: 0

        p, p a
          text-align: center
          +font-default(22px, 28px)