html {
	height: 100%;
}
body {
	color: white;
	height: 100%;
	background-image: url("https://www.bundeswehr.de/themes/bwre/img/bg-camouflage.jpg");
	/* background-image: url("https://www.bundeswehrkarriere.de/themes/bundeswehrkarriere/images/header_bg.jpg"); */
	background-repeat: repeat;
}
h1 {
}

.jumbotron {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	text-align: center;
}
.jumbotron h2 {
	font-size: clamp(1.75rem, 0.963rem + 4.1975vw, 6rem);
}
.jumbotron h3 {
	/* font-size: clamp(1.5rem, 1.4074rem + 0.4938vw, 2rem); */
	color: lightslategray;
}

.chevron {
	position: relative;
	display: block;
	height: 50px; /*Height should be double border thickness*/
}
.chevron::before,
.chevron::after {
	position: absolute;
	display: block;
	content: "";
	border: 25px solid transparent; /*Adjust chevron size*/
}
/*Change the four instances of 'top' below to rotate chevron*/
/*Use (top/right/bottom/left) where you want the back of the chevron to be*/
.chevron::before {
	top: 0;
	border-top-color: #b00; /*Chevron Color*/
}
.chevron::after {
	top: -10px; /*Adjust thickness*/
	border-top-color: #fff; /*Match chevron background colour*/
}

#badges {
	/* Hotfix */
	bottom: 0%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#badges a:hover {
	color: white;
}
#badges img {
	height: 24px;
	width: 24px;

	filter: invert(1);
}