@charset "utf-8";
/* CSS Document */

header{
	background-color:darkblue;
	padding:5px;
}

nav, a{
	background-color:lightblue;
	margin:2px;
	text-decoration: none;
	font-size:17px;
	height:40px;
	line-height:40px;
	color:black;
	letter-spacing:0.5px;
}
nav a:hover{
	background-color:darkblue;
	color:white;
	padding:6px;
}

article{
	display:block;
	float:left;
	margin:20px;
	max-width:55%;
}

footer{
	background-color:black;
	color:white;
	padding:2px;
}

section::after{
	content:"";
	clear:both;
	display:block;
	
}

h1{
	color:darkblue;
}

.products {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.product {
	width: 200px;
	text-align: center;
	margin: 20px;
}

.product img {
	width:100%;
	height: auto;
}

.contact {
  	display: flex;
  	justify-content: space-between;
  	align-items: flex-start;
  	padding: 20px;
}

.contact-info {
  	width: 50%;
	
}

.map {
  	width: 40%;
}

.map img {
  	width: 100%;
  	height: auto;
}

h2{
	color:darkblue;
}