footer

.social-container
  margin-bottom: 20px
  display: flex
  justify-content: flex-end
  align-items: center
  @media screen and ($tablet)
    margin-top: 20px
    flex-wrap: wrap
    justify-content: center
    @media screen and ($mobile)
      margin-top: 10px
  a
    &.button
      color: $dark-grey !important
      // background-color: $dark-grey
      border-color: $dark-grey !important
      &:hover
        background-color: $dark-grey !important
        color: $white !important
    margin: 0 10px
    @media screen and ($tablet)
      margin: 10px 5px 0 5px
    &:last-of-type
      margin-right: 0
      @media screen and ($tablet)
        margin-right: 5px
    .social-icon
      max-height: 36px
background-color: $light-grey
padding: 100px $site-margin
@media screen and ($mobile)
  padding: 50px $site-margin/2
display: flex
justify-content: center
align-items: center
flex-direction: column
p
  display: inline-block
  text-align: center
  width: 100%
  color: $dark-grey
  font-size: 14px
  font-weight: 300
  line-height: 2