body {
	background: #373737;
	font-family: verdana;
	color: #fff;
}
header {
	padding: 75px;
	background:  #594d5b;
	height: 200px;
}
header h1 {
	text-align: center;
}
a, a:hover, a:visited, a:focus {
	color: #fff;
	text-decoration: none;
}
nav {
	text-align: center;
}
nav ul {
	display: inline-block;
	list-style: none;
	padding: 0;
}
nav ul li {
	float:  left;
	padding: 10px;
}
nav ul li:hover {
	background: #9897a9;
}
.container {
	background: #bbb;
	width: 1024px;
	margin: 0 auto;
}
.column-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column {
  flex: 33.33%;
}
.column-content {
	color: #373737;
	padding: 20px;
}

@media only screen and (max-width: 1024px) {
	header {
		height:  auto;
	}
	nav ul li {
		width:  100%;
		border-bottom: 1px solid #655967;
	}
	.container {
		width: 100%;
	}
	.conatiner {
		width: 100%;
	}
	.column-container {
	  display: flex;
	  flex-direction: column;
	  flex-wrap: wrap;
	  width: 100%;
	}
	.column {
	  flex: 100%;
	}
}

@media only screen and (min-width: 1400px) {
	.container {
		width: 1400px;
	}
}

footer {
	padding: 40px;
	background: #594d5b;
	text-align: center;
}