.mod-footer
    .main
      .main-inner
        .left-side
          img.on-desktop src='holder.js/85x52?auto=yes'
          img.on-mobile src='holder.js/154x28?auto=yes'
          p.address.on-desktop
            | Lorem ipsum dolor.
            br
            | In rhoncus orci et ex.
          .feedback
            a.solid-background.i-chat.hidden-for-small-only href='#!'
              | Nunc in pharetra
            a.button.solid-background.mini.i-chat.visible-for-small-only href='#!'
              | Pellentesque habitant
          .feedback
            a.solid-background.i-phone.hidden-for-small-only href='#!'
              | Vivamus ultricies
            a.button.solid-background.mini.i-phone.visible-for-small-only href='#!'
              | Augue in tortor
            em
              | Maecenas gravida | Ex a sed
              br
              | Phasellus | Suspendisse molestie
          .feedback
            a.solid-background.i-mail.hidden-for-small-only href='#!'
              | Nulla maximus
            a.button.solid-background.mini.i-mail.visible-for-small-only href='#!'
              | Sed dapibus
            em
              | 24/7 - Donec dui est, aliquet at enim ac.
          .socials.on-desktop
            a.socials-item.icon-facebook-white href='#!'
            a.socials-item.icon-twitter-white href='#!'
            a.socials-item.icon-linkedin-white href='#!'
            a.socials-item.icon-google-white href='#!'
            a.socials-item.icon-pinterest-white href='#!'
        .right-side
          .cols
            .col
              .col-item.col-item-main
                h2.title
                  | Morbi quis dui consequat, consectetur massa nec, blandit tellus.
                  em.on-mobile
                    |  Nam accumsan quam eu blandit.
                h3.subtitle.on-desktop
                  | Vestibulum lacinia dignissim.
                button.button.solid-background.mini.full-width Nam consequat Dolor

              .col-item.col-item-main
                h2.title
                  | Phasellus tellus augue, maximus a viverra tincidunt, vestibulum at lorem.
                .text-input
                  input type='text' placeholder='Mauris semper'
                button.button.solid-background.mini.full-width Curabitur et magna erat

            .col
              .col-item
                h2.title.accordion
                  | Vivamus dictum
                ul.list
                  li.list-item
                    a.solid-background href='#!' Fusce ullamcorper ullamcorper ullamcorper ullamcorper ullamcorper
                  li.list-item
                    a.solid-background href='#!' Ut convallis leo
                  li.list-item
                    a.solid-background href='#!' Proin et ultrices neque
                  li.list-item
                    a.solid-background href='#!' Morbi sit amet dapibus
                  li.list-item
                    a.solid-background href='#!' Fusce id egestas

              .col-item
                h2.title.accordion
                  | Phasellus luctus
                ul.list
                  li.list-item
                    a.solid-background href='#!' Nunc mattis iaculis
                  li.list-item
                    a.solid-background href='#!' Proin at nunc at
                  li.list-item
                    a.solid-background href='#!' Nisi lobortis bibendum
                  li.list-item
                    a.solid-background href='#!' Sed et lacinia ante

            .col
              .col-item
                h2.title.accordion
                  | Donec id urna
                ul.list
                  li.list-item
                    a.solid-background href='#!' Etiam malesuada
                  li.list-item
                    a.solid-background href='#!' Sed non tortor
                  li.list-item
                    a.solid-background href='#!' Nullam metus velit
                  li.list-item
                    a.solid-background href='#!' Porttitor id tortor
                  li.list-item
                    a.solid-background href='#!' Fusce sagittis nec

              .col-item
                h2.title.accordion
                  | Phasellus nec iaculis
                ul.list
                  li.list-item
                    a.solid-background href='#!' Quis vulputate
                  li.list-item
                    a.solid-background href='#!' Donec mattis

          .row-links.on-desktop
            img src='holder.js/33x33?auto=yes'
            a.row-link.solid-background href='#!' Mauris ex mauris
            a.row-link.solid-background href='#!' Porttitor
            a.row-link.solid-background href='#!' Fusce
            a.row-link.solid-background href='#!' Vivamus
            a.row-link.solid-background href='#!' Curabitur
            a.row-link.solid-background href='#!' Efficitur
      .bottom-mobile
        .socials
          a.socials-item.icon-facebook-white href='#!'
          a.socials-item.icon-twitter-white href='#!'
          a.socials-item.icon-linkedin-white href='#!'
          a.socials-item.icon-google-white href='#!'
          a.socials-item.icon-pinterest-white href='#!'
        small
          | Maecenas ullamcorper turpis © 2016
        small
          | Fermentum placerat arcu
          br
          | Porttitor sed risus
        .mobile-logos
          img src='holder.js/72x25?auto=yes'
          img src='holder.js/33x33?auto=yes'
          img src='holder.js/73x15?auto=yes'
    .bottom.on-desktop
      .inner
        .logos
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
          .logo
            img src='holder.js/80x20?auto=yes&theme=dark'
        .notes
          .title Nam et consequat urna
          .row-links
            img src='holder.js/72x15?auto=yes&theme=dark'
            a.row-link.highlighting href='#!' Vivamus faucibus
            a.row-link.highlighting href='#!' Donec nunc nulla
            a.row-link.highlighting href='#!' Posuere
            a.row-link.highlighting href='#!' Curabitur
          p.note
            | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci commodi culpa debitis delectus dignissimos eligendi error excepturi iste iure, maiores maxime necessitatibus pariatur perferendis, perspiciatis qui, temporibus voluptas? Animi culpa deserunt dicta natus provident sit suscipit veritatis. Beatae blanditiis consectetur ex illo magnam neque, nulla perferendis veritatis. Cupiditate, distinctio dolore iusto laboriosam quidem velit voluptatem. Consectetur debitis eos, in ipsa ipsum laborum necessitatibus nihil numquam odit officia officiis, reprehenderit, sit suscipit tenetur ut? Accusamus, aliquam at delectus deleniti dolorum error exercitationem ipsa laboriosam laborum nesciunt nobis nulla possimus quae rerum temporibus veritatis vitae voluptate.
          .row-links
            img src='holder.js/72x24?auto=yes&theme=dark'
            small.copyrights
              | Maecenas rhoncus pulvinar © 2016