@media (max-width: 800px) {
	header
	{
		padding:0;
	}

	#homelink
	{
		position: absolute;

		top:0;
		left: 2.5em;
		padding-left: 0;
	}

	#homelink a
	{
		height: 2.5em;
	}

	#homelink #logo
	{
		display: none;
		width:1.5em;
		height:1.5em;
		margin-right: 0.5em;
	}

	#homelink #sitetitle
	{
		padding:0;
	}

	#homelink #sitename
	{
		font-size: 1.5em;
	}

	#homelink #sitedesc
	{
		display: none;
	}

	#datetime
	{
		display: none;
	}

	header .icon
	{
		width:1em;
		height:1em;
		margin-right: 1em;
	}

	nav
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;

		position: absolute;
		top: 2.5em;
		left:-15em;

		min-height: 100vh;
		background-color: rgba(10, 18, 41, 0.8);

		transition: all 0.5s;

		padding-left: 1em;
		padding-right: 1em;
	}

	nav a
	{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;

		font-size: 1em;
		min-height: 0;
		height: auto;

		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 0;
		padding-right: 1em;
	}

	#hamburger
	{
		display: block;

		width: 1.5em;
		height: 1.5em;
		margin:0.5em;
		fill: white;
		stroke: none;

	}

	#menu #hamburger:hover
	{
		fill: #b0942e;
	}

	#menu #hamburger:hover ~ nav
	{
		left:0;
	}

	nav:hover
	{
		left:0;
	}

	#user
	{
		padding: 0;
		height:2.5em;
		font-size: 1em;
		word-wrap: break-word;
	}

	#user_options
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
		right: 0em;
	}

	#nav_profile
	{
		font-size: 1em;
		padding-right: 2vw;
	}

	#nav_profile:hover #user_options
	{
		top:2.5em;
	}

	#user_options
	{
		padding-bottom: 0.5em;
	}

	#user_options a
	{
		font-size: 1em;
		padding:0;
		padding-top: 0.5em;
	}

	#user_options a svg
	{
		padding:0;
		margin:0;
		width:1.2em;
		height: 1.2em;
		padding-right: 0.3em;
	}
}