.footer{
	padding:3rem 0 0 0;
	background-color:$black;
	

	.sitelinks{
		padding-bottom:3rem;
		color:$white;
		
		ul{margin:0;}
		li{list-style:none;}
		a{color:$white;}
		a:hover{color:$primary-color}
		
		.li{}
		.li__social{font-size:2rem;text-align:center;margin-top:1.5rem;}
		
		
		.li__logo-typeface{
			@include logo();
			height:6rem;
		}
		
		.li__text-center{text-align:center;}
		
		.li__score{
			border:solid 1px $primary-color;
			border-radius:0.75rem;
			text-align:center;
			padding:1rem;
			margin-bottom:0.75rem;
			strong{font-size:3rem;display:block;}
		}
		
		.li__space-line{margin-top:1.5rem;}
		.li__size-small{font-size:0.875rem;}
		
	}
	
	.copyright{
		
		background-color:$white;
		font-size:0.875rem;
		p{margin:0.75rem 0;}
		a{
			color:$black;
			&:before{content:"|";color:$light-gray;padding-left:0.5rem;padding-right:0.5rem;}
		}
		
	}

	
	@include breakpoint(small only)
	{	
		padding-top:1.5rem;
		.grid-x {justify-content: flex-start;}
	}
	

}