.header1 {
	padding: 1px;
	text-align: center;
	background: #8B0000;
}

.header1 .header2{
	background-color: #A9A9A9;
}

.div1 {
	padding: 1px;
	background: #848484;
	justify-content: center;
	align-items: center;
}

.div1 .div2{
	background-color: #D3D3D3; 
	padding:3px;
}

.navbar {
  	display: flex;
  	justify-content: center;
	align-items: center;
  	flex-wrap: wrap;
  	background-color: #000000;
}

<!--- Mobil --->
@media (max-width: 50px) {
	.navbar {
   	flex-direction: column;
	}
}

.navbar a {
	color: white;
	padding: 5px 5px;
	text-decoration: none;
	text-align: center;
}

.navbar a:hover {
	background-color: #C7EEFF;
	color: black;
}