.footer {
	padding: rem(60px) 0;
	background: darken($dark, 5%);
	text-align: center;
	color: rgba($white, .5);
	font-size: $font-size-sm;
	
	@include box-shadow(inset 0 100px 80px -80px rgba($black, .7));
	
	& .footer-brand-logo {
		display: block;
		margin: 0 auto rem(10px);
		width: rem(30px);
		border: 20px solid;
		border-color: $primary darken($primary, 10%) darken($primary, 20%);
		
		@include border-radius($border-radius-lg);
	}
	& .footer-brand {
		font-size: $font-size-base * 1.75;
		color: $white;
		font-weight: 300;
		margin-bottom: rem(30px);
	}
	& .social-list {
    margin: 0;
    padding: 0;
    font-size: $font-size-base * 1.25;
  }
  & p {
  	margin-bottom: rem(30px);
  }
  & a {
  	color: $primary;
  	
  	&:hover,
  	&:focus {
  		color: darken($primary, 15%);
  	}
  }
}