footer {

@extend .xlimit;
@extend .font-sans;
@extend .text-secondary;
border-top: 1px dashed $gray-dark-4;
font-size: .9em;
padding-top: $spacing-6;
h2 {
  font-size: 1.1em;
  margin-bottom: $spacing-4;
  margin-top: 0;
}

}

.footer-inner {

padding: $spacing-4;     
@media screen and (min-width: $breakpoint-sm) {
  padding: 0 $spacing-4;     
}

}

.footer-author > ul {

@extend .list-none;  
margin-bottom: $spacing-4;

}

.footer-description > p {

background: $color-bg-light;
border: 1px solid $color-divider-base;
border-radius: $border-radius-base;
font-family: $font-family-serif;
font-size: $font-size-sm;
line-height: $line-height-base;
margin-top: 0;
max-width: .45 * $xlimit-base;
padding: $spacing-2;

}

@media screen and (min-width: $breakpoint-sm) {

.footer-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-author > ul {
  &:first-child {
    width: 60%;
  }
  &:last-child {
    padding-left: $spacing-4;
    width: 40%;
  }  
}

}

@media screen and (min-width: $breakpoint-md) {

.footer-inner > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}  
.footer-author {
  width: 55%;    
}
.footer-description {
  padding-left: $spacing-4;
  width: 45%;
}

}