codesignd Patterns

.footer {
	@include container--full;
	margin-top: 3rem;
	margin-bottom: 2.5rem;
	
	display: flex;
	justify-content: space-between;
	
	font-size: -cdd-rem(14);
	
	@media (max-width: 69em) {
		margin-bottom: 1.5rem;
	}
	
	@media (max-width: 35em) {
		flex-direction: column;
		align-items: center;
	}
	
	@media print {
		margin-bottom: 0;
	}
}

.footer__top {
	display: none;
	
	@media (max-width: 35em) {
		display: block;
		margin-bottom: 0.8em;
	}
	
	@media print {
		display: none;
	}
}

.footer__nav li {
	display: inline-block;
	
	&:not(:last-child)::after {
		content: '·';
		display: inline-block;
		padding: 0 0.25em;
		
		color: $color--passive-dark;
	}
}