#horizontal-nav-bar {
      	display: flex;
      	justify-content: space-between;
      	align-items: center;
      	padding-bottom: 0;
      	padding-top: 0;
      	padding-left: 1em;
      	padding-right: 1em;
      	background: white;
      	color: #000;
}

#horizontal-nav-links {
      	display: flex;
      	justify-content: space-around;
	padding-right: 1em;
	padding-left: 1em;
}

#horizontal-nav-links li {
	padding: 0.5rem 1.0rem 0.3rem 1.0rem;
	border: 1px solid white;
      	list-style: none;
	color: red; 
}

#horizontal-nav-links a {
      	color: #333;
      	text-decoration: none;
	font-size: 0.9em;
	color: #333;
	transition: color 0.5s;
}

#horizontal-nav-links a:hover {
	color: #598e7e;
}

#vertical-nav-links li {
	padding: 0.5rem 1.0rem 0.3rem 1.0rem;
      	list-style: none;
	background: white;
}

#vertical-nav-links a {
      	color: #000;
      	text-decoration: none;
	transition: color 0.5s;
}

#vertical-nav-links a:hover {
	color: #598e7e;
}

#burger {
      	display: none;
	margin: 0.6em;
	border-radius: 3px;
}

#burger:hover {
	background: #eee;
}

#burger-drop {
	display: none;
	border-right: 20px solid white;
	border-left: 20px solid white;
	border-bottom: 20px solid white;
}

#burger div {
      	width: 2em;
      	height: 0.25em;
      	background: #333;
      	margin: 0.5em;
}

.logo {
	width: 13em;
	border: 0.1em solid white;
      	margin-left: 1em;
      	margin-right: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

.logo:hover {
	width: 13.2em;
	border: none;
}


footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #0f5c40;
	color: white;
	padding: 0;
	margin: 0;
	width=100%;
	height: 6em;
}

footer ul {
	list-style-type: none;
}

footer a {
	color: white;
}

footer a:hover {
	color: #ddd;
}

footer h2 {
	color: white;
}

@media (hover: none), (pointer: coarse) {
	footer h2 {
		font-size: 1.5em;
		padding: 0.0em;
	}
}

@media screen and (max-width: 1000px) {
      	#horizontal-nav-links {
	    	display: none;
      	}

      	#burger {
	    	display: block;
      	}

	footer {
		height: 13em;
	}

	body {
		padding-bottom: 13em;
	}
}

@media (hover: none), (pointer: coarse) {
	#burger div {
		width: 7em;
		height: 0.8em;
		margin: 1.8em;
	}

	.logo {
		width: 20em;
		border: 1px solid #333;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}

	#vertical-nav-links li {
		font-size: 4em;
	}

	footer {
		font-size: 3em;
	}

	body {
		margin-bottom: 30em;
	}
}