* {
	padding: 0px;
	margin: 0px;
	font-family: arial;
}

#main{
	width: 1050;
	height: 100vh;
	background-color: #b3d9ff;
	
} 

nav{
	width: 100%;
	height: 80px;
	background-color: #4da6ff;
	opacity: 0.9;
	line-height: 80px;
}
  
nav ul{
	float:right;
	margin-right: 30px;
}

nav ul li{
	list-style-type: none;
	display: inline-block;
	transition: 0.8s all;
}

nav ul li:hover{
	background-color: #f39d1a;
}

nav ul li a{
	text-decoration: none;
	color: #fff;
	padding: 30px;
	
}
.logo{
	float:left;
	margin-left:10px;
	margin-top:10px;
				
}

.container{
	width: 90%;
	height: auto;
	margin: 10px auto;
	text-align: center;
	/*position: relative;*/
}

.container h2{
	padding: 5px;
	text-align: center;
	
}

.container h4{
	padding: 20px;
	color: #000;
	text-align: center;
	
}
.wrapper{
	
	margin: 10px auto;
  
}

.wrapper div{
	width:200px;
	height:200px;
	border:5px solid #0000ff;
	float:left;
	margin: 20px;

}
div #fuchs{
	background-image: 
  url(hp-fuchs.jpg);
	background-size: cover;
		padding-right: 10px;

}
div #dachs{
	background-image: 
  url(hp-dachs.JPG);
	background-size: cover;
	padding-right: 10px;

}
div #dackel{
	background-image: 
  url(hp-dackel.jpg);
	background-size: cover;
	padding-right: 10px;

}

div #winter{
	background-image: 
  url(hp-winter1.jpg);
	background-size: cover;
	padding-right: 10px;

}