@media screen and (max-width: 800px) {
	#desktop-nav {
		display: none;
	}

	#hamburger-nav {
		display: flex;
	}

	.nav-links {
		flex-direction: column;
	}

	a::after {
		height: 3px;
		width: 0;
		bottom: 0;
		left: 10%;
		background-color: white;
		transition: all 0.3s ease;
	}
	
	a:hover::after {
		width: 50%;
	}
}