.site-footer {

border-top: 1px solid $grey-color-light;
padding: $spacing-unit 0;

}

.footer-heading {

@include relative-font-size(1.125);
margin-bottom: $spacing-unit / 2;

}

.contact-list, .social-media-list {

list-style: none;
margin-left: 0;

}

.footer-col-wrapper {

@include relative-font-size(0.9375);
color: $grey-color;
margin-left: -$spacing-unit / 2;
margin-right: -$spacing-unit / 2;
@extend %clearfix;

}

.footer-col {

float: left;
margin-bottom: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
padding-right: $spacing-unit / 2;

}

.footer-col-left {

width: -webkit-calc(45% - (#{$spacing-unit} / 2));
width:         calc(45% - (#{$spacing-unit} / 2));
float: left;
text-align: left;

}

.footer-col-right {

width: -webkit-calc(45% - (#{$spacing-unit} / 2));
width:         calc(45% - (#{$spacing-unit} / 2));
float: right;
text-align: right;

}

@include media-query($on-laptop) {

.footer-col-left {
    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
    width:         calc(50% - (#{$spacing-unit} / 2));
}

.footer-col-right {
    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
    width:         calc(100% - (#{$spacing-unit} / 2));
}

}

@include media-query($on-palm) {

.footer-col {
    float: none;
    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
    width:         calc(100% - (#{$spacing-unit} / 2));
}

}