html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px; /* Margin bottom by footer height */
	background-color:#f0ffff;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color:rgba(0,200,200,0.2);
}

.custom-nav.scrolled {
	background-color:rgba(160, 175, 175, 0.9) !important;
	transition: background-color 200ms linear;
}

.fixed-top.scrolled {
	background-color:rgba(160, 175, 175, 0.9) !important;
	transition: background-color 200ms linear;
}

.fixed-top {
	background-color:#292b2c !important;
	transition: background-color 200ms linear;
}

.fixed-top:hover {
	background-color:#292b2c !important;
	transition: background-color 200ms linear;
}