#poly svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 180px;
}
#poly {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -5;
	background: #444;
}
#banner {
	font-size: 1.4em;
	color: #fff;
}
#banner img {
	object-fit: scale-down;
}

.navbar.bg-dark {
	background: #444 !important;
}

@media screen and (max-width: 768px) {
	#poly svg {
		display: none;
	}

	#banner {
		text-align: center;
		margin: 10px 0 0 0;
	}

	#banner img {
		width: 70%;
		max-height: 60px;
	}

	#poly {
		height: 80px;
	}
}

@media screen and (min-width: 769px) {
	#navbar {
		/* margin-top: 180px; */
		margin-top: 130px;
	}
	#poly {
		height: 238px;
	}
	#poly svg {
		height: 180px;
	}
	#banner {
		background: #1a391c;
		background: -moz-linear-gradient(-45deg, #1a391c 0%, #3e912d 68%, #3e912d 100%);
		background: -webkit-linear-gradient(-45deg, #1a391c 0%,#3e912d 68%,#3e912d 100%);
		background: linear-gradient(135deg, #1a391c 0%,#3e912d 68%,#3e912d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a391c', endColorstr='#3e912d',GradientType=1 );

		width: 230px;
		height: 470px;

		position: absolute;
		top: -168px;
		left: 50%;
		margin-left: -48%;

		transform: rotate(-30deg);
		z-index: 5;
	}
	#banner img {
		width: 220px;
	}
	#banner span {
		display: block;
		margin-top: 280px;
		margin-left: 15px;
		transform: rotate(30deg);
	}
	#headnav {
		height: 50px;
		font-size: 2.3em;
	}
	#headnav a:hover {
		color: #56b03e !important;
	}
	#headnav a:active {
		color: #275c1d !important;
	}

	footer.container-fluid {
		/* background: #f3f0f0; */
		border-top: #eee solid 2px;
		color: #949494;
		margin-top: 60px;
		height: 50px;
		padding-top: 15px;
	}

	footer.container-fluid a {
		color: #949494;
	}
	footer.container-fluid a:hover {
		color: #666;
	}
	footer.container-fluid a:active {
		color: #aaa;
	}
	#uebermich-topleft





}