@charset "utf-8"


footer
  background-color: #e9eae2
  .footer-map
    height: 100%
  .footer-content
    display: flex
    justify-content: space-between
  .list-social
    display: flex
    align-items: center
    justify-content: flex-end
  .copyright
    color: #191919
  .footer-logo a,
  .list-social a,
  .block-contact a,
  .text-address
    display: block
  .content-left
    text-transform: uppercase

+desktop
  footer
    font-size: 13px
    .wrapper
      display: flex
    .footer-left,
    .footer-right
      width: 50%
    .footer-left
      flex-shrink: 0
      iframe
        height: 100%
    .footer-right
      padding: 143px 50px 53px 120px
    .footer-content
      width: 580px
    .footer-logo
      right: 120px
      position: relative
      margin-bottom: 60px
      a
        width: 159px
    .list-social
      margin-right: 138px
      margin-bottom: 83px
      width: 442px
      li
        &:not(:last-child)
          margin-right: 8px
    .copyright
      font-size: 12px
    .contact-number
      pointer-events: none
    .text-address
      margin-bottom: 15px
    .address
      line-height: 1.2

+mobile
  footer
    .footer-left
      height: 3.8rem
      margin-left: -.4rem
      margin-right: -.4rem
    .footer-right
      padding: .5rem .2rem .3rem
    .footer-logo
      width: 1.59rem
      margin-bottom: .5rem
    .text-address
      margin-bottom: .4rem
    .list-social
      margin-bottom: .6rem
      a
        width: .35rem
      img
        width: 100%
    .copyright
      font-size: .24rem
      margin: 0 -.4rem
      display: block
      text-align: center