/* topnav logic begin*/
.topnav {
	overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a,
#topnav-login {
	float: left;
	color: white;
	text-align: center;
	padding: 1.5vh;
	text-decoration: none;
}

#topnav-banner-new {
	float: right;
	height: 8vh;
	overflow: hidden;
}

#topnav-logo {
	float: left;
	padding-right: 1.5vh;
	height: 5vh;
}

/* Change the color of links on hover */
.topnav a:hover {
	background-color: white;
	color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
	background-color: #6D4FD8;
	color: white;
}

#topnav-banner-mobile {
	display: none;
}

@media screen and (max-width: 768px) {
	#topnav-banner-new,
	#topnav-logo {
		display: none;
	}

	#topnav-banner-mobile {
		display: inline;
	}
}