/*With help from https://www.w3schools.com/howto/howto_js_topnav.asp*/

.topnav {

	width: 100%;

	height: 40px;

	position: fixed;

	z-index: 1;

	top: 0;

	left: 0;

	background-color: #004000;

	overflow: hidden;

	padding-left: 20px;

}



.topnav a {

	padding: 0px 36px 0px 0px;

	text-decoration: none;

	font-size: 30px;

	color: #FFFFFF;

	display: block;

	text-align: left;

	float: left;

}



.topnav a:hover {

	color: #CFCFCF;

}



.main {

	margin-top: 40px;

	padding: 10px 0px;

}



@media screen and (max-height: 450px) {

	.topnav a {font-size: 20px};

	.topnav {padding-left 10px};

}