div{
	text-align: center;
}
 
body{
	background-color: gray;
}

img{ 
border: 1px solid #cccccc;
border-radius: 8px;
}

.haupt-navigation{
		list-style-type: none;
		display: flex;
		background-color: #333333;
}

.haupt-navigation a{
		text-decoration: none;
		color: #ffffff;
		padding: 20px;
}

.haupt-navigation a:hover{
			color: yellow;
}


div  {
	border: 4px solid black;
    font-size: 18px;
	margin-left:20%;
	margin-right:25%;
	margin-top: 20px;
	margin-bottom:20px;
	border-radius: 50px;
	color: black;
	padding: 30px;
	background-color: orange
	}

.container {
	display: flex;
	
    
    
	display: flex;
	padding:0px;
	margin:0px;
	border:none;
	box-shadow:none;
	color: orange;

    
}

.item {
	width:100px;
	flex-grow:1;
	margin:0px;
	border:none;
	box-shadow:none;
	padding: 10px;
}
.item img {
	width:100%;
}