/*  Maintain space between and full justify menu items at top of page  */
div.links {

	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 6rem;
	font-size: 2rem;
	color: #fff9c7;
}

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

a:hover {
	color: #346598;
	text-decoration: none;
}

a:active {
	color: #fff9c7;
	text-decoration: none;
}

a:visited {
	color: #fff9c7;
	text-decoration: underline;
}

#loginbutton {
	font-size: 2rem;
}

#get-started-menu-button {
	font-size: 2rem;
}

/* Responsive design for smaller screens */
@media screen and (max-width: 800px) {

	div.links {
		font-size: 1.8rem;
		height: 5rem;
	}

	#loginbutton {
		font-size: 1.8rem;
	}

	#get-started-menu-button {
	font-size: 1.8rem;
}
}



@media screen and (max-width: 500px) {

	div.links {
		font-size: 1.6rem;
		height: 3rem;
	}

	#loginbutton {
		font-size: 1.6rem;
	}

	#get-started-menu-button {
	font-size: 1.6rem;
	}
}