@import "src/styles/common"

.container
  width: 100%
  padding: 32px 0
  background-color: #000
  color: #fff

.main
  @include container

.intro
  max-width: 420px
  margin-bottom: 32px
  @include on-desktop()
    padding-right: 64px
    margin-right: 64px
    border-right: 1px solid #434359
  @include on-mobile()
    padding-bottom: 32px
    margin-bottom: 32px
    border-bottom: 1px solid #434359
  &_title
    color: #FFF
    font-size: 18px
    font-weight: 600
    margin-bottom: 8px
  &_body
    color: #9F9F9F
    font-size: 16px
    font-weight: 400
    line-height: 1.75

.top
  display: flex
  justify-content: space-between
  flex-wrap: wrap

.link
  color: #FFF
  display: flex
  justify-content: space-between
  flex-wrap: wrap

.column
  &_title
    font-size: 20px
    font-weight: 600
  ul
    list-style: none
    margin-top: 20px
    li
      font-size: 16px
      line-height: 1.6
      margin-bottom: 8px
      color: rgba(255,255,255,.7)

.copyright
  margin-top: 48px
  font-size: 14px
  font-weight: 300
  color: rgba(255,255,255,.7)
  display: flex
  justify-content: space-between
  align-items: center
  flex-wrap: wrap
  & > *
    margin-right: 32px
  a
    text-decoration: underline
    color: rgba(255,255,255,.5)
.beian
  display: flex
  align-items: center