@media (max-width: 800px) {
	.desktop {
		display: none;
	}
	main{
		margin-left: 0;
		padding-right: 0;
		margin-top: 5em;
	}
	header {
		justify-content: space-between;
		align-items: center;
		padding: 0;
		margin: 0;
		left: 0;
		display: none;
	}
	.mobile{
		display: block;
	}
	nav{
		width: auto;
	}
	.navbar{
		justify-content: right;
	}
	.user{
		display: block;
	}
	
}

@media (min-width: 800px) {
	.mobile{
		display: none;
	}
}