/* footer */

footer {
	position: fixed;
	bottom: 0;
	z-index: 1124;
}

footer .watermark {
	padding: 0;
	width: 80px;
	background: rgba(253, 197, 13, 1);
	color: black;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	position: fixed;
	top: calc(50% - 10px);
	transform: rotate(270deg);
	left: -30px;
}

/* ------------------------------------------------------------------------------------ */
/* responsive */

@media (width <= 560px) {

	footer {
		width: 100%;
	}

	footer .toolbar {
		background-color: black;
		padding: 5px 5px;
	}

	footer .toolbar .nav-link {
		text-align: center;
		padding: 10px 12px;
		font-size: 28px;
		color: rgb(180,180,180);
		width: 100%;
		margin: 0;
	}

	footer .toolbar .nav-link:hover {
		color: white;
		transition: color 500ms;
	}

	footer .toolbar .nav-link.current {
		color: white;
	}

	footer .toolbar .badge {
		font-size: 12px;
		top: 30%;
	}

}