body {
  background-color: #161616;
}

h1 {
  color: #fff;
  text-align: center;
}

p {
  font-family: verdana;
  color: #fff;
  font-size: 30px;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #111111;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
  
  
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


* {
	box-sizing: border-box;		
	}


	.column1 {
	float: left;
	width: 20%;
	padding: 10px;
	background-color: #04AA6D;
		}
		
	.column2 {
	float: left;
	width: 60%;
	padding: 10px;
	background-color: #04AA6D;
		}
		
		
	.column3 {
	float: left;
	width: 20%;
	padding: 10px;
		}


	.row:after {
	content: "";
	display: table;
	clear: both;
	}
	
	
	@media screen and (max-width: 900px) {
	.column  {
	width: 50%;
	}
	}


	@media screen and (max-width: 600px) {
	.column  {
	width: 100%;
	}
		}