header
{
	text-align: center;
	color: #bab499;
	background-color: #212914;
	font-size: 30px;
	padding: 0;
	border: 2px solid black;
	margin-left: 83px;
	margin-right: 83px;
	margin-top: -10px;
}

body
{
	background-image: url("prettycourse.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

footer
{
	background-color: #212914;
	color: #ffffff;
	margin-left: 400px;
	margin-right: 400px;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	border: 1px solid black;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3d060f;
  border: 2px solid black;
  margin-left: 83px;
  margin-right: 83px;
  text-decoration: none;
}

li {
  float: left;
  color: #3d422e;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}





a:link
{
	color: #ffffff;
	text-decoration: none;
}

a:visited
{
text-decoration: none;
color: #ffffff;
}



*
{
	box-sizing: border-box;
}

table
{
	width: 100%;
	
}


#page1
{
	background-color: #3d422e;
	text-align: center;
	color: #ffffff;
	border: 2px solid black;
	margin-left: 400px;
	margin-right: 400px;
}

#page2
{
	background-color: #3d422e;
	text-align: center;
	color: #ffffff;
	border: 2px solid black;
	margin-left: 400px;
	margin-right: 400px;
}

#page3
{
	background-color: #3d422e;
	text-align: center;
	margin-left: 200px;
	margin-right: 200px;
	color: #ffffff;
	border: 2px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}


#page4
{
	background-color: #3d422e;
	text-align: center;
	margin-left: 400px;
	margin-right: 400px;
	color: #ffffff;
	border: 2px solid black;
}

#page6
{
	background-color: #3d422e;
	text-align: center;
	margin-left: 400px;
	margin-right: 400px;
	color: #ffffff;
	border: 2px solid black;
	
}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 320px; 
  border: 2px solid black;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

img
{
	width: 180px;
	height: 180px;
}

@media(min-width: 600px) {
	
	body
	{
		margin-left:auto;
		margin-right:auto;
	}
	
	nav
	{
		text-align: center;
	}
	
}

@media (min-width: 1024px)
{
	body
	{
		margin-left:auto;
		margin-right:auto;
	}
	
	nav
	{
		text-align: center;
	}
	
}