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