/* The footer is fixed to the bottom of the page */
footer{
	position: fixed;
	bottom: 10;
}
@media (max-height:800px){
	footer { position: static; }
}
.footer-distributed{
	background: Chocolate;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: 16px sans-serif;
	padding: 10px 10px 10px 10px;
	margin-top: 1px;
	margin-bottom: 30px;
}
.footer-distributed .footer-left,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}
/* Footer left */
.footer-distributed .footer-left{
	width: 60%;
}
.footer-distributed h1{
	color:  Maroon;
	font-weight: bold;
}
/* Footer links */
.footer-distributed .footer-links{
	color:  White;
	margin: 20px 0 12px;
}
.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
/* Footer Right */
.footer-distributed .footer-right{
	background: SandyBrown;
	width: 38%;
	margin-left: 0px;
}
/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */
@media (max-width: 880px) {
	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
}