footer {
	display: inline-block;
	width: 100%;
	margin: 50px 0 0;
	background-color: #242526;
	font-size: 14px;
}

body#article footer {
	background-color: #18191a;
}

#footer-links {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 40px);
	max-width: 1200px;
	margin: 50px auto 20px;
}

.footer-clmn {
	display: block;
	margin: 0 10px;
}

.footer-clmn > div {
	display: block;
	margin-bottom: 30px;
}

#footer-links span {
	display: inline-block;
	color: #e4e6eb;
	font-weight: 500;
}

#footer-links ul {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}

#footer-links ul li {
	display: block;
}

#footer-links ul li:before {
	display: none;
}

#footer-links ul li.current {
	pointer-events: none;
}

#footer-links ul li.current:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 3px);
	left: -14px;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background: #147ce5;
}

#footer-links a {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 4px 0;
	color: #68696b;
	text-decoration: none;
}

#footer-links a:hover,
#footer-links ul li.current a {
	color: #adb0b5;
}



@media screen and (max-width: 1440px) { 

  #footer-links {
    max-width: 800px;
  }
}

@media screen and (max-width: 1380px) { 

	#footer-links {
		max-width: 680px;
	}

}

@media screen and (max-width: 768px) { 

	#footer-links {
		display: block;
	}

	.footer-clmn {
		width: 100%;
	}

}